AI智能
改变未来

jQuery选择器使用

市面上现在有三种版本的jQuery
1.X 国内开发常用的版本 兼容IE6 7 8
2.X 不兼容IE6 7 8
3.X 小巧

DOM对象:使用原生js方法查询到的对象就是DOM对象
jQuery对象:jQuery函数 使用jQuery库中提供的方法查找到的对象
DOM对象– 转 –jQuery对象
$(DOM对象);
jQuery对象–转–DOM对象
jQuery对象[下标];

页面加载事件$(函数事件); 允许事件多开多库并存 名字冲突做法1:使用jQuery代替$做法2:释放$`权`限Var   $$=$.noConflict();text()设置文本html()能解析标签  取值只取第一个val() 设置input内容css( 名称,值 ) 设置css样式  不需要变形层级选择器Div pDiv>pDiv~p    之后的所有pDiv+p	 下一个pNext()    下一个nextAll()   下面所有Prev()	  上一个prevAll()   上面所有SiblingAll()  所有兄弟元素过滤选择器:first 第一个:last 最后一个:eq(index)  下标:odd   下标是奇数的都被中选中:even   下标是偶数:lt()  选中下标多少之前的所有:gr()  选中下标多少之后的所有根据文本内容过滤:contains(‘a’)  内容里有a的元素:empty     空标签:parent     非空标签:has(p)   子元素有p标签的筛选属性Div[class]    有class属性的divDiv[class=one]  class等于one的divDiv[class^=””]  class以什么开头Div[class$=””]  class以什么结尾Div[class*=””]  class包含什么的$(input)标签input的元素$(:input)包含button submit代表所有表单元素.children(“”)  孩子 可以再次传参筛选.parent()  父元素.parents(“”) 父元素们,可传想找父元素选择器、、.prevUntil(“”) 前面到谁停止.nextUntil(“”) 后面到谁停止.find(“”)   在后代中找.is(“”)		是不是这个元素 返回值true false.not(“”)	除了这个元素之外.slice(1,2)  第一个到第二个  左闭右开jQuery   css设置css()只有两个参数:设置单个样式一个参数:对象  .css({“color”:“red”,“font-size”,“28px”})字符串  取样式    .css(“color”)jQuery  属性设置.attr()两个参数:设置单个属性  arrt(“src”,“路径”)一个参数:对象: .attr({“src”:“路径”,“class”:“one”})取属性值    .attr(“src”);toggleClass(“”) 有就删没有就加addClass(“”)   添加class名removerClass(“”) 删除class名removeAttr(“”)删除属性如果用disable  checked 这种true false的使用prop   removerPorp遍历each如果对象不是jQuery对象 参数第一个代表下标第二个代表遍历到的东西$.each(对象,function(index,item){})如果是jQuery对象 只有一个参数就是下标jQuery对象.each(function(index){})对象.Index()获取对象下标$(“li”).size();获取li的数量  $(“li”).length;extend({},obj1,obj2)  把对象1和对象2合并到空对象中取宽高.height()  .width().innerHeigth()  .innerWidth()   width+padding.outHeigth()   .outWidth()    +padding+border取位置.position()  相对父元素的left和top.offset()    相对父元素的的偏移量  设置时候得是个对象({left:100,top:20}).scrollTop()  向上滚动距离.scrollLeft()  向左滚动距离增删改查追加新元素.appendTo(“body”)  新元素插在谁后面元素.append(“新元素”)    在谁后面添加新元素新元素.prependTo(“”)     新元素插在谁前面元素.perpend(“”)     在谁后面插入新元素追加兄弟元素元素对象.after(“”)      在对象后面插入元素对象.before(“”) 	  在对象前面插入兄弟元素新对象.insertAfter(“”) 新元素追加到谁后面新元素.insertBefore(“”) 新元素追加到谁之前包裹元素.unwrap()         删除父节点元素.wrap(“”)       给元素加一个父元素元素.weapAll(“”)     用一个标签将所有选中元素包起来元素.wrapInner(“”)  给元素内容用一个标签包起来删除元素.remove(); 删除节点元素.empty();  清空子节点元素.detach(); 删除节点复制元素.clone();括号里写true 或false  true复制事件替换被替换的元素.replaceWith(“新元素”)新元素.replaceAll(“旧元素”)
赞(0) 打赏
未经允许不得转载:爱站程序员基地 » jQuery选择器使用