因目前开发，经常用到jquery的内容，感觉这方面的知识确实欠缺，开发效率欠高，所以决定系统的学习下jquery,而w3cschool是个好的学习的教程，下面所有内容题材几乎都取自w3cschool,此为自己的学习文章，非教学文章，后面每天会更新内容，直到学完整个jqury. 如需查看题材来源：http://www.w3cschool.cn/jquery/
一 jQuery 教程(1) jQuery 选择器语法 描述 $("*") 选取所有元素 $(this) 选取当前 HTML 元素 $("p.intro") 选取 class 为 intro 的 <p> 元素 $("p:first") 选取第一个 <p> 元素 $("ul li:first") 选取第一个 <ul> 元素的第一个 <li> 元素 $("ul li:first-child") 选取每个 <ul> 元素的第一个 <li> 元素 $("[href]") 选取带有 href 属性的元素 $("a[target='_blank']") 选取所有 target 属性值等于 "_blank" 的 <a> 元素 $("a[target!='_blank']") 选取所有 target 属性值不等于 "_blank" 的 <a> 元素 $(":button") 选取所有 type="button" 的 <input> 元素 和 <button> 元素 $("tr:even") 选取偶数位置的 <tr> 元素 $("tr:odd") 选取奇数位置的 <tr> 元素(2) jQuery 事件<body> <h2>这是一个标题</h2> <p>这是一个段落。</p> <p>这是另一个段落。</p> <button>点我</button></body>$("p").click(function(){ //点击事件 $(this).hide();});$("p").dblclick(function(){ //双击事件 $(this).hide();});$(document).ready(function(){$("button").mouseenter(function(){ //当鼠标指针穿过元素时，会发生 mouseenter 事件 $("p").hide();}); $("button").mouseleave(function(){ //当鼠标指针离开元素时，会发生 mouseleave 事件。 $("p").show();});$("button").mousedown(function(){ //当鼠标指针移动到元素上方，并按下鼠标按键时，会发生 mousedown 事件。 $("p").hide();});$("button").mouseup(function(){ //当在元素上松开鼠标按钮时，会发生 mouseup 事件。 $("p").show();});$("button").hover(function(){ //用于模拟光标悬停事件。 当鼠标移动到元素上时，会触发指定的第一个函数(mouseenter);当鼠标移出这个元素时，会触发指定的第二个函数(mouseleave)。 alert('aa'); }, function(){ alert('bb');});<body> Name: <input type="text" name="fullname"></body>$("input").focus(function(){ //当元素获得焦点时，发生 focus 事件 当通过鼠标点击选中元素或通过 tab 键定位到元素时，该元素就会获得焦点。 $(this).CSS("background-color","#cccccc");});$("input").blur(function(){ //当元素失去焦点时，发生 blur 事件。blur() 方法触发 blur 事件，或规定当发生 blur 事件时运行的函数 $(this).css("background-color","#ffffff");});新闻热点
疑难解答
