jquery基础教程

《jquery基础教程》由会员上传分享，免费在线阅读，更多相关内容在行业资料-天天文库。

1、JQuery语法详解$()会替换FOR循环访问一组元素的需求，放到贺括号中的任何元素都将自动执行循环遍历。并且会保存到一个JQUERY对象中，如果一个页面有几个JQUERY库，有可能会产生冲突，最简单的方式是把每个库用一个JQUERY代替，也可以参考插件中的解决方法。用JQuery取得的元素是JQuery对像，不是普通的DOM对象，但可以访问包装在jQuery对象中的DOM元素。$(document).ready会在DOM加载后立即执行。这个$()中的参数是一个DOM对象，也可以是一段HTML代码。所以用$(document.createElement(‘s

2、cript’))是可以的。$(document).ready(function(){alert('dd');});第1节.$的其他用法$(函数):DOM载入后就执行该函数.所以$(document).ready()可以写做$()$(选择器部分,选择器来源):这个举例说明$("input:radio",document.forms[0]):在文档的第一个表单中,搜索所有单选按钮$("div",xml.responseXML):查询指定XML文档中的所有div元素第2节.访问DOM元素

3、1.取得DOM元素：get(index)Ø例：取得id=”my”属性的元素集合的第一个元素的标签名。varmyTag=$(‘#my’).get(0).tagName或$(‘#my’)[0]。其中jquery变量也可以用vart=$(‘’)来定义，但t只能调用jquery的方法。Øget()如果没有参数,返回所有,是一个对象数组;如果带参数,必须是数字,基数从0开始.例子:$("div").get():返回一个div对象数组$("div").get(1):返回第二个div对象，也可以简写成$(‘div’)[1]Øindex(需求的元素节点对象)返回数字.用个例

4、子说明:$("div").index($(".test"))[1]//表示从所有div节点中查找class属性为test的节点.并且找的是第二个节点(基数从0开始).返回值是该节点在div节点中的位置(基数也是从0开始).1.this选择符var$ele=$(this);//返回的是jquery对象第2节.选择符类型CSS选择符，XPath选择符及其它选择符。第2章.事件—扣去扳机前面提到的$(document).ready()事件相当于window.onload。但前者是DOM树下载之后就可以执行，这时有些图片文件可能没下载完，所以相应的属性不能执行，可以

5、考虑用.load()方法来代替。而onload要等所有的图片和相关的文件都下载后才执行，速度上可能要慢一些。$('img').load(function(){});一般的onload只能加bind一个函数，但用jquery可以bind多个函数。也就是说当window.onload=fu1;window.onload=fu2;这时程序只会执行fu2；如果用bind绑定后会依次顺序执行，是一个继承的过程。这里的onload只是一个例子。第1节.一般的事件Ø$(‘’).bind(‘’,function())，如果用$(this)则指当前控件。允许向$()传递DOM

6、元素，但只允许是this，也可像if(this.id==“mytag”)这样来使用。在function中还可以带参数，详细参考下面的事件目标一节。Øunbind(‘’,function())：解除绑定。Øone(‘’,function())：如果有些事件只触发一次就解除可以调用此方法。Ø$("p").bind("click",function(){alert($(this).text());});      //为每个p元素添加单击事件Ø$("p").unbind();      //删除所有p元素上的所有事件Ø$("p").unbind("click") 

7、     //删除所有p元素上的单击事件Ø向方法中传递参数$(function(){$('p').bind('click',{'str1':'hello','str2':'world'},function(event){alert(event.data['str1']+event.data['str2']);});});$(document).ready(function(){var$ok=$('#ok').attr('id');//取得属性的使用方法alert($ok);$('#ok').bind

8、('click',function(){alert(