JQuery快速学习
浏览数：46 /
时间：2015年06月09日
楼主在学习的过程中注意到JQuery的强大、灵活；给出一个简单的教程，让你在最短的时间学会常用JQuery的用法！
| jQuery 是一个 JavaScript 函数库。 |
基础语法是：$(selector).action()
可以理解为3部分，1、$->告诉浏览器你用的是JQuery，2->选择你要操作的节点，3->对节点的操作！
元素选择器
选择所有的p:$("p")
选择id=‘Fox_zhuang’的所有元素：$("#Fox_zhuang")
属性选择器：选择href=‘www.cnblogs.com/Fox_zhuang‘的标签：$("a[href=‘www.cnblogs.com/Fox_zhuang‘]")
等~
这里给出几个常用的选择方式：
1、选择table除了表头的所有行：$("#tableid tr:gt(0)")
2、选择到当前节点的左右节点：
<table id="mytab"><tr><td><input type="text" value="123"/></td><td><input type="button" value="345"/></td></tr></table>
$("#mytab td").find("input[type=‘text‘]").parent().next().find("input[type=‘button‘]")
几种常用的事件绑定方式：
.on() 在选择元素上绑定一个或多个事件的事件处理函数。V1.7+
.off() 在选择元素上移除一个或多个事件的事件处理函数。V1.7+
.bind(type,[data],fn) 为每个匹配元素的特定事件绑定事件处理函数。V1.0
.one(type,[data],fn) 为每一个匹配元素的特定事件（像click）绑定一个一次性的事件处理函数。V1.1+
.unbind(type,[data|fn]]) bind()的反向操作，从每一个匹配的元素中删除绑定的事件。V1.0+
几个常用方法的方法:
$(document).ready(function(){}-----当DOM载入就绪可以查询及操纵时绑定一个要执行的函数，在onload()前触发；
$("input[type=‘text‘]").blur(function(){alert(‘123‘)});-----给所有的文本框绑定失去焦点事件
.change(),.click(),.dbclick(),.focus()等...
郑重声明：本站内容如果来自互联网及其他传播媒体，其版权均属原媒体及文章作者所有。转载目的在于传递更多信息及用于网络分享，并不代表本站赞同其观点和对其真实性负责，也不构成任何其他建议。
