JQuery用户手册,可以耐心看完,基本上手。
一:核心部分$(expr)描述:该函数可以通过css选择器、Xpath或者html代码匹配目标元素,所有的jQuery操作都基于它。参数:expr: string,执行jQuery之前的查询表达式或html字符串例子::
pone/pdiv ptwo/p/div pthree/p ah ref=' # ' id=' test ' onclick=' jq()' jQuery/a
JQuery代码和函数:
functionjq(){alert($('divp ')。html());}
Run:点击id为test的元素,弹出对话框的文字为两个,即div标签下p元素的内容。
function jq(){ $(' div phello/p/div ')。appendTo(' body ');}
Run:当你点击带有id test的元素时,在主体中添加“divpHello/p/div”。
$(elem)描述:限制jQuery对特定dom元素的操作。该函数还接受xml文档和windows对象参数:elem:由jQuery对象压缩的DOM元素示例:在执行jQuery之前:
pone/pdivptwo/p/divpthree/pahref=' # ' id=' test ' onclick=' jq()' jQuery/a
JQuery代码和函数:
functionjq(){alert($(文档)。find('divp ')。html());}
Run:点击id为test的元素,弹出对话框的文字为两个,即div标签下p元素的内容。
functionjq(){$(document.body)。背景(“黑色”);}
Run:点击id为test的元素时,背景色变黑$(elems)描述:限制jQuery作用于一组特定的DOM元素参数:elem:jQuery对象压缩的一组DOM元素示例:jQuery执行前:
Form id=' form1 '输入类型=' text' name=' textfield '输入类型=' submit ' name=' submit ' value=' submit '/form href=' # ' id=' test ' onclick=' jq()' jquery/a
JQuery代码和函数:
functionjq(){$(form1.elements)。hide();}
Run:当单击id为test的元素时,form1表单中的所有元素都被隐藏。
$(fn)描述:一种$(文档)的速记方式。ready()在加载完所有文档后执行一个函数。可以有多个$(fn)在文档加载时同时执行所有功能!参数:fn (Function):加载文档时要执行的函数!示例:
$(function(){$(document.body)。背景(“黑色”);})
Run:文档加载时背景变黑,相当于onLoad。
$(obj)描述:复制一个jQuery对象,参数:obj (jQuery):要复制的jQuery对象示例:jQuery执行前:
pone/pdivptwo/p/divpthree/pahref=' # ' id=' test ' onclick=' jq()' jQuery/a
JQuery代码和函数:
function jq(){ varf=$(' div ');警报($(f)。查找(' p ')。html())}
Run:点击id为test的元素,弹出对话框的文字为两个,即div标签下p元素的内容。
each(fn)描述:对所有匹配的对象应用函数参数:fn (Function):要执行的函数示例:在执行jQuery之前:
img src=' 1 . jpg '/img src=' 1 . jpg '/ah ref=' # ' id=' test ' onclick=' jq()' jQuery/a
JQuery代码和函数:
functionjq(){$('img ')。each(function(){ this . src=' 2 . jpg ';});}
Run:当带有id test的元素被点击时,img标签的src变成2.jpg。
eq(pos)描述:将匹配对象缩减为单个dom元素参数:pos (Number):期望极限的索引,从0开始。示例:在执行jQuery之前:
pThisisjustatest。/ppsoistthis/pahref=' # ' id=' test ' onclick=' jq()' jQuery/a
JQuery代码和函数:
functionjq(){alert($('p ')。等式(1)。html())}
Run:点击id为test的元素,弹出预警对话框:原来是这个,也就是第二个p-tagget() get(num)的内容描述:获取匹配元素,get(num)返回匹配元素中的一个元素参数:get (Number):预期限制的索引,从0开始。示例:在执行jQuery之前:
pThisisjustatest。/ppsoistthis/pahref=' # ' id=' test ' onclick=' jq()' jQuery/a
JQuery代码和函数:
functionjq(){alert($('p ')。get(1)。innerHTML);}
运行:点击id为test的元素,弹出预警对话框:也是这个,也就是第二个p-tag的内容注意get和eq的区别,eq返回的是jQuery对象,get返回的是所匹配的dom对象,所有取$("p").eq(1)对象的内容用jQuery方法html(),而取$("p").get(1)的内容用innerHTMLindex(obj)描述:返回对象索引参数:obj (Object):待查找对象示例:jQuery执行前:
divid=' test1 '/div divid=' test2 '/div href=' # ' id=' test ' onclick=' jq()' jQuery/a
JQuery代码和函数:
functionjq(){alert($('div ')。index(document . getelementbyid(' test1 '));alert($('div ')。index(document . getelementbyid(' test 2 '));}
运行:点击id为test的元素,弹出两次警告对话框,分别显示0,1size() Length。描述:当前匹配对象的数量,两者相等。示例:在执行jQuery之前:
img src=' test1 . jpg '/img src=' test2 . jpg '/ah ref=' # ' id=' test ' onclick=' jq()' jQuery/a
JQuery代码和函数:
functionjq(){alert($('img ')。长度);}
Run:点击id为test的元素,会弹出预警对话框,显示2,表示找到了两个匹配的对象。
郑重声明:本文由网友发布,不代表盛行IT的观点,版权归原作者所有,仅为传播更多信息之目的,如有侵权请联系,我们将第一时间修改或删除,多谢。