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-5e2bbadaa5d42964483591/]
上面这段代码的速度比 jQuery快 ，缺点是 IE 6 7 不支持， IE 8 及以上 支持 ，酌情考虑
相关文章：https://developer.mozilla.org/zh-CN/docs/Web/API/Document/querySelector
去掉Webkit(chrome)浏览器中input(文本框)或textarea的焦点框
去掉焦点框
[crayon-5e2bbadaa6afc927409250/]
取消textarea的拖动改变大小的功能：
[crayon-5e2bbadaa6b02294871097/]
最后把以上两个CSS合并后如下：
[crayon-5e2bbadaa6b06290221421/]
更改CSS3 placeholder 的文本颜色
因为每个浏览器的CSS选择器都有所差异，所以需要针对每个浏览器做单独的设定。
[crayon-5e2bbadaa6e80973620486/]
textareas的代码，如下：
[crayon-5e2bbadaa6e87238807021/]
CSS3垂直翻转/水平翻转
[crayon-5e2bbadaa71da036125411/]
其中，就目前而言，对于基于webkit核心的浏览器，如Chrome以及Safari，实现元素的垂直翻转或是水平翻转也可以使用如下样式：
[crayon-5e2bbadaa71ec425438961/]
注意：
水平翻转或垂直翻转不同于旋转180度。前者以轴为镜像，后者以点为镜像。
如果是对称元素，旋转180度和翻转的显示效果基本上就是一致的，但是，非对称元素就会看到明显差异。
对于后面提到的目前仅webkit核心浏览器支持的rotateY(180deg)，这里有个大写的Y。我们都知道Y表示纵轴，所以我们可能会误以为这里实现的是垂直翻转，其实非也，这里的Y表示元素以纵轴为镜像翻转，也就是水平翻转了。
我写的第一个jq插件
如果使用JS 要弹出一个新窗口要使用如下代码
[crayon-5e2bbadaa7562421499701/]
所以我就基于jq 写了个小功能 ? element.open();
[crayon-5e2bbadaa7569870262183/]
调用
[crayon-5e2bbadaa756c696171266/]
我这里的参数是一个一个传递的，有个老外写的是直接多个参数传递的... 我感觉他的挺好的 ，下面这个是他的
[crayon-5e2bbadaa756e021663823/]
我的第一个jq 插件 在此记录一下
