jquery使用方法,jquery参考手册

jquery使用方法,jquery参考手册,jQuery 使用手册(一)

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的观点,版权归原作者所有,仅为传播更多信息之目的,如有侵权请联系,我们将第一时间修改或删除,多谢。

相关文章阅读

  • 使用jquery实现图片轮播效果如何,jQuery图片轮播
  • 使用jquery实现图片轮播效果如何,jQuery图片轮播,使用jQuery实现图片轮播效果
  • 举例说明jquery中each函数的使用,jquery each()
  • 举例说明jquery中each函数的使用,jquery each(),JQuery中each()的使用方法说明
  • 一篇文章带你了解jquery动画人物,一篇文章带你了解jquery动画制作
  • 一篇文章带你了解jquery动画人物,jquery的动画,一篇文章带你了解jQuery动画
  • trigger的用法总结,jquery trigger 传参数
  • trigger的用法总结,jquery trigger 传参数,jQuery中值得注意的trigger方法浅析
  • js hover 触发事件显示另一元素,js hover 触发事件,jQuery中多个元素的Hover事件解决方案
  • js apply 实现原理,jquery apply用法_1
  • js apply 实现原理,jquery apply用法
  • js apply 实现原理,jquery apply用法,js中apply方法的使用详细解析
  • js apply 实现原理,jquery apply用法,JS中apply()的应用实例分析
  • jq获取radio选中的值,jquery radio 取值
  • jq获取radio选中的值,jquery radio 取值,Jquery获取radio选中值实例总结
  • 留言与评论(共有 条评论)
       
    验证码: