菜单

使用手册_jquery_脚本之家

2020年2月7日 - 新闻中心

二:DOM操作属性笔者们感觉例,在本来的javascript里面能够用var
o=document.getElementById取的id为a的节点指标,在用o.src来博取或改造该节点的scr属性,在jQuery
里$将获得jQuery对象[
],然后能够用jQuery提供的成千上万办法来展开操作,如$将拿到5.jpg,$将该对象src属性改为1,jpg。上边大家来讲jQuery提供的繁多jQuery方法,方便我们连忙对DOM对象开展操作jQuery

jQuery代码及效果与利益:

functionjq.href.href;}

运作:先弹出对话框显示id为test的连接url,在将其url改为2.html,当弹出对话框后会看见转向到2.html同理,jQuery还提供相符的别样措施,大家能够独家侦查刹那间:after
在相称成分后插入风度翩翩段html

jQueryjQuery代码及效果与利益: functionjq.after;}推行后也正是:
jQueryHelloafter 将钦点对象elem或对象组elems插入到在相配成分后
jQueryjQuery代码及效果 functionjq.after;}试行后一定于
jQueryappend在相配元素内部,且末了插入钦赐html
jQueryjQuery代码及职能: functionjq.append;}实行后一定于
jQueryHello同理还会有append before
before请施行参照append和after的方来测验、领会!appendTo相反
jQueryjQuery代码及功能 functionjq.appendTo;}实施后也就是

afterjQuery

jQueryjQuery代码及效果: functionjq.appendTo然后插入到后,试行后一定于
jQuery
澳门太阳集团,jQueryjQuery代码及功能: functionjq;}实践后一定于**

jQueryinsertAfter insertBefore
依据官方的解说和自个儿的多少个简单测量试验insertAfter,insertBeforeprepend
prepend 在相配成分的内部且起初出插入
透过下边例子区分append prepend

div

执行$) 后相当于

div

执行$.appendTo后 相当于

div

执行$.prepend 后 相当于

div

jQueryjQuery代码及效果与利益: functionjq.wrap(“”卡塔尔国;}实行后一定于

TestParagraph.

wrap 将很是对象蕴涵在付出的靶子内

TestParagraph.

jQueryjQuery代码及功效:

functionjq.wrap(document.getElementById;}

试行后一定于

TestParagraph.

遍历、组合jQueryjQuery代码及职能:
functionjq.add;for;i++卡塔尔国{alert;}}履行$得到相配

的靶子,有八个,add的底蕴上增添相称的指标,所有朝气蓬勃共有3个,从下面的函数运维结果能够见到$是3个对象的联谊,分别是
[],[

Hello Again

],[Hello Again]。ancestors (卡塔尔(قطر‎风流洒脱梯次以十三分结点的父节点的从头到尾的经过为指标,根节点除此之外

two

jQuery代码及效率: functionjq.ancestors.size.eq;}}第多少个目的是以的父节点的剧情为对象,[ two ]先是个目的是以的父节点的父节点的故事情节为对象,[two
]日常八个文书档案还恐怕有和,依次类推下去。ancestors
的底蕴上之取切合表达式的靶子
如上各例子讲var f改为var f=
$,则只回去三个目的:[ two ]children(卡塔尔重回匹配对象的子介点

two

jQuery代码及意义: functionjq.children.children(State of Qatar获得目的[ two
].所以.html(卡塔尔的结果是”two”children
重临匹配对象的子介点中切合表达式的节点

twothree

jQuery代码及意义 functionjq.children;}$得到指标[twothree
].$.children过滤获得[three ]filter 过滤现实相配相符表明式的目标exprs为数组,注意增加“[ ]” jQuery代码及效用:
functionjq.filter}$.contains只回去class为selected的靶子。find
在十二分的靶子中延续查找切合表达式的对象
Query代码及意义:
functionjq.find对象中搜索id为a的对象。 jQueryjQuery代码及功能:
functionjs.not(document.getElementById;alert.html由八个指标,消弭后的指标为[
]
siblings jquery配成对象中别的兄弟级其余目的**

jQueryjQuery代码及作用:
functionjs.siblings;}$的结果实再次回到四个对象[,jQuery
]alert.siblings重回一个指标[jQuery
]别的addClass 为同盟对象增多四个class样式removeClass
将率先个非常对象的某部class样式移出attr 获取第七个门道特别对象的属性

jQueryjQuery代码及效果:
functionjs.attr;}再次来到
为率先个极其对象的安装属性,prop为hash对象,用于为某目的批量增多众多属性
jQueryjQuery代码及效果:
functionjs.attr({src:”)
attr
为第多个门户大致对象的设置属性,key为属性名,value为属性值
jQueryjQuery代码及功能functionjs.attr;}运营结果相当于澳门太阳集团 1
removeAttr
将第二个分外对象的某部属性移出 jQueryjQuery代码及功用:
functionjs.removeAttr;}运营结果约等于
toggleClass
将近日目的增添二个样式,不是近日目的则移出此体制,再次来到的是拍卖后的对象**
Hello Again

]$.toggleClass的结果是实重临对象 [

Hello

,

Hello Again

]

相关文章

发表评论

电子邮件地址不会被公开。 必填项已用*标注

网站地图xml地图