webJ

追求自由美好的生活

  • document.querySelector(element) 选择器

      document.querySelector("#test"); ? // 如果DOM 中有多个 id 为text 的则会返回第一个 document.querySelectorAll("#test")[0]; ?// 获取 第一个 id 为text 的DOM 节点 document.querySelectorAll("div.test>p:first-child")[0]; ?// 可以这样用   [crayon-5d589495adc37053161194/]   上面这段代码的速度比 jQuery快 ,缺点是 IE 6 7 不支持, IE 8 及以上 支持 ,酌情考虑 相关文章:https://developer.mozilla.org/zh-CN/docs/Web/API/Document/querySelector
  • 去掉Webkit(chrome)浏览器中input(文本框)或textarea的焦点框

    去掉焦点框 [crayon-5d589495ae868846046659/]   取消textarea的拖动改变大小的功能: [crayon-5d589495ae86e661230974/]   最后把以上两个CSS合并后如下: [crayon-5d589495ae871947913254/]  
  • 更改CSS3 placeholder 的文本颜色

    因为每个浏览器的CSS选择器都有所差异,所以需要针对每个浏览器做单独的设定。 [crayon-5d589495aeb8b374597451/] textareas的代码,如下: [crayon-5d589495aeb91672356275/]    
  • CSS3垂直翻转/水平翻转

    [crayon-5d589495aee9d793776375/] 其中,就目前而言,对于基于webkit核心的浏览器,如Chrome以及Safari,实现元素的垂直翻转或是水平翻转也可以使用如下样式: [crayon-5d589495aeea3330493790/]   注意: 水平翻转或垂直翻转不同于旋转180度。前者以轴为镜像,后者以点为镜像。 如果是对称元素,旋转180度和翻转的显示效果基本上就是一致的,但是,非对称元素就会看到明显差异。 对于后面提到的目前仅webkit核心浏览器支持的rotateY(180deg),这里有个大写的Y。我们都知道Y表示纵轴,所以我们可能会误以为这里实现的是垂直翻转,其实非也,这里的Y表示元素以纵轴为镜像翻转,也就是水平翻转了。
  • 我写的第一个jq插件

    如果使用JS 要弹出一个新窗口要使用如下代码 [crayon-5d589495af1de297788751/] 所以我就基于jq 写了个小功能 ? element.open(); [crayon-5d589495af1e4626385219/] 调用 [crayon-5d589495af1e7373161863/] 我这里的参数是一个一个传递的,有个老外写的是直接多个参数传递的... 我感觉他的挺好的 ,下面这个是他的 [crayon-5d589495af1ea223087343/] 我的第一个jq 插件 在此记录一下
1 3 4 5 6 7 12