- 1、本文档共13页,可阅读全部内容。
- 2、原创力文档(book118)网站文档一经付费(服务费),不意味着购买了该文档的版权,仅供个人/单位学习、研究之用,不得用于商业用途,未经授权,严禁复制、发行、汇编、翻译或者网络传播等,侵权必究。
- 3、本站所有内容均由合作方或网友上传,本站不对文档的完整性、权威性及其观点立场正确性做任何保证或承诺!文档内容仅供研究参考,付费前请自行鉴别。如您付费,意味着您自己接受本站规则且自行承担风险,本站不退款、不进行额外附加服务;查看《如何避免下载的几个坑》。如果您已付费下载过本站文档,您可以点击 这里二次下载。
- 4、如文档侵犯商业秘密、侵犯著作权、侵犯人身权等,请点击“版权申诉”(推荐),也可以打举报电话:400-050-0827(电话支持时间:9:00-18:30)。
查看更多
cQuery与jQuery
jQuery cQuery
遍历对象each()
$(#box li).each(function(a){ $(#box li).each(function(a){
console.log($(this))}) console.log(a.attr(‘data-attr’))
}) })
a是index索引, 实际的对象, a不是index,而是实际的对象
通过$(this)或$(#box li).eq(a)获取
查找每次遍历元素的index
$(#box li).each(function(a){
console.log($(#box li).indexOf(a))
})
Length
$(#box li).length 同左
选择器
$(‘#id class’) 同左
Css
$(‘#id class’). css(color,red) 同左
$(‘#id class’).css({
color:’red’,
fontSize:20px
})
addClass()与removeClass()
$(#box).addClass(box_1) 同左
$(#box).removeClass(box_1)
eq :取出对象数组中某个特定的对象
$(#box li).eq(0) $($(#box li)[0]).css(color,red)
//cQuery自带:$($(#box li).get(0)).css(color,blue)
里层的$(‘#box li’)[0]返回的是li集合中的第一个li对象,但此时这个li对象非cQuery对象,非JS对象,所以要使用这个对象的cQuery属性,需要$(对象),把对象转化为cQuery对象
First与last
$(#box li).first().css(color,blue) 同左
$(#box li).last().css(color,blue)
//last:li.length-1
Find
$(#box).find(li).css(color,red) $(#box).find(li).css(color,red)
$(.li_1).parentNode().find(.li_2).css(color,blue)
Find + eq
$(#box li).find(a).css(color,red) $($(#box li)[0]).find(a).css(color,red)
最外层的$是要把里层js对象转化为cQuery对象
Parent()
$(.li_1).parent ().css(color,blue) $(.li_1).parentNode().css(color,blue)
$(#box .li_2).parent().parent() $(#box .li_2).parentNode().parentNode()
父与子元素
$(#boxli).css(color,red) 同左
$(divul.li_2)
兄弟相邻元素
Index()在同辈元素中的索引位置
$(#box li.li_2).index() $(#box li).indexOf($(#box li.li_1))
//在同辈box下li中的位置 //需要在indexOf前声明特定元素所在的同辈元素的集合
也可以写成
$(#box li).index($(#box li.li_1))
html()
$(#box li).html(dsdsddsd) 同左
Val()
$(.input_1).val() $(.input_1).value()
克隆clone()
var liObj = $(#box).clone(true) 同左
true表示深克隆
JQ中无false与true
Attr()
$(#box).attr(data-test,true) 同左
$(#box).attr(data-test)
Append()
1. var liObj = $(#box).clone(true); 1. 同左
$(body).append(l
您可能关注的文档
- CMMI--普及版.ppt
- cloudstack开发环境设置-windows篇.docx
- CML诊疗解读.ppt
- CMOS Micro Device, IncCMOS器件,公司.ppt
- CNTV统一用户管理、内容融合系统架构及投资预算.pptx
- cng加气站培训.ppt
- CoAP协议详解_图文.ppt
- CNS损伤康复进展.ppt
- Code of Ethics for Professional Accountantsof HKICPA:专业会计师的道德规范accountantsof.ppt
- Coding Sheet for Newspaper Content Analysis报纸的内容分析编码表.doc
- 重庆新速达物业服务集团股份凯里公司招聘笔试题库2024.pdf
- 浙江杭州千岛湖泰众肉类食品有限公司招聘笔试题库2024.pdf
- 陕西新华出版传媒集团新华书店分公司招聘笔试题库2024.pdf
- 宁夏海原县肉牛产业发展集团有限公司招聘笔试题库2024.pdf
- 浙江温岭市化工轻工建筑材料有限公司招聘笔试题库2024.pdf
- 中航飞机汉中航空零组件制造有限公司招聘笔试题库2024.pdf
- 山东海阳市海昇矿产资源开发有限公司招聘笔试题库2024.pdf
- 山东潍坊寿光市公共交通运输有限公司招聘笔试题库2024.pdf
- 内蒙古察右前旗农业投资开发有限公司招聘笔试题库2024.pdf
- 线上清明祭英烈活动策划.pptx
文档评论(0)