复习jquery的选择器部分

最近工作比较忙,以至于好多东西感觉要忘记似得,今天复习了一些选择器部分的内容,暂时记下~!

没有详细的注释,感觉看到就应该想个差不多就行~!

jQuery 常规选择器

1.简单选择器 2.进阶选择器 3.高级选择器 4.属性选择器

一.简单选择器

ID

类(class)

二.进阶选择器

群组选择器 $(‘ul,li,a‘)  选取页面标签为 ul,li,a的对象集合

后代选择器 ul li a {}  ul中li下面的a的对象集合

通配选择器 * 选择所有的页面标签

三.高级选择器

后代选择器 ul li a

子选择器  div>p

next选择器 div+p

nextAll选择器 div~p

jQuery补充选择方法

$(obj).prev(obj);

$(obj).prevAll(obj);

$(obj).prevUntil(obj);

$(obj).nextUntil(obj);

$(obj).siblings(obj);

$(obj).find(obj);

$(obj).next(obj);

$(obj).nextAll(obj);

$(obj).children(obj);

四、属性选择器

a[title]

a[title=num]

a[title^=num]

a[title|=num]

a[title$=num]

a[title!=num]

a[title~=num]

a[title*=num]

a[title][title1=num]

jQuery 过滤选择器

1.基本过滤器 2.内容过滤器 3.可见性过滤器 4.子元素过滤器 5.其他方法

一、基本过滤器

:first

:last

:not

:even

:odd

:eq

:gt

:lt

:header

:animated

:focus

二、内容过滤器

:contains

:empty

:has

:parent

三、可见性过滤器

:hidden

:visible

四、子元素过滤器

:first-child

:last-child

:only-child

:nth-child(odd/even/eq(index))

五、其他方法

is(s/o/e/f)

hasClass(class)

slice(start,end)

filter(s/o/e/f)

end()

contents()

时间: 2024-10-01 04:30:06

复习jquery的选择器部分的相关文章

谜一样的jquery之$选择器

jquery是一个强大的js类库,提供了很多便利的操作方法并兼容不同的浏览器,一旦使用便欲罢不能,根本停不下来,今天我们就来解读一下这个神秘的jquery源代码. 前几天思考再三,自己尝试着封装了一下jquery的$选择器,然而并不完善,我只对id,class,和标签选择器进行了封装,发现其实如果实现浅层的封装那么我们很容易就能够实现,但是一旦我们尝试着选择器的层次嵌套就会出来很多大大小小的坑! 下面我们先来看一下我个人封装的jquery的选择器部分. window.$ = function (

jquery颜色选择器

本站下载 第二种:纯JAVASCRIPT: <html> <head> <meta http-equiv="Content-Type" content="text/html; charset=gb2311"> <title>DW调色板</title> <script> var ColorHex=new Array('00','33','66','99','CC','FF') var SpColo

jQuery 的选择器可谓之强大无比,这里简单地总结一下常用的元素查找方法

1 jQuery 的选择器可谓之强大无比,这里简单地总结一下常用的元素查找方法 2 3 $("#myELement") 选择id值等于myElement的元素,id值不能重复在文档中只能有一个id值是myElement所以得到的是唯一的元素 4 $("div") 选择所有的div标签元素,返回div元素数组 5 $(".myClass") 选择使用myClass类的css的所有元素 6 $("*") 选择文档中的所有的元素,可

关于jquery ID选择器的看法

最近看到一道前端面试题: 请优化selector写法:$(".foo div#bar:eq(0)") 我给出的答案会是: 1. $("#bar") 2.  $("div#bar") 下面说说我为什么会给出两种答案 1. 因为页面要求ID是唯一的,题目中的语句,可以直接优化成ID选择 2. 因为jQuery的选择器引擎用的是Sizzle,而$("div#bar")这样的写法,在Sizzle内部,会是一个从右往左的查找顺序,也就是

jQuery 复合选择器应用的几个例子

这篇文章主要介绍了jQuery 复合选择器应用的几个例子,本文例子所引用的jQuery版本为 jQuery-1.8.3.min.js,喜欢的朋友可以学习下 <!-- 本文例子所引用的jQuery版本为 jQuery-1.8.3.min.js --> 一. 复合选择器对checkbox的相关操作 ? 1 2 3 4 5 <input type="checkbox" id="ckb_1" />  <input type="chec

重新复习jQuery的一些知识点(2)

今天来复习jQuery的DOM操作.jQuery中DOM的操作是很常见的,简单的创建一个元素,就直接在$()中写入需要创建的标签,如$("<div></div>")就是创建了一个空的div元素.对元素的属性进行操作,用的是attr()这个方法,可以对单个属性进行操作,也可以对多个属性进行操作,单个操作时传入的就是单个键值对,多个操作就传入多个键值对的对象,删除元素属性用removeAttr()方法. 操作元素内容的方法,有html()和text(),区别在于,前

jQuery 过滤选择器

jQuery 选择器(一) 1.ID选择器根据控件ID获取jQeruy,相当于javascript的getelementById.使用方法:$("#myid"),获取ID等于myid的jquery对象. 2.标签选择器使用标签名称获取jQuery,相当于javascript的getElementsByTagName_r().使用方法:$("p"),获取所有p标签.3.class选择器class为元素的定义样式,根据class名称获取jquery对象.如:$(&quo

关于JQuery的选择器

jQuery 的选择器可谓之强大无比,这里简单地总结一下常用的元素查找方法 $("#myELement")    选择id值等于myElement的元素,id值不能重复在文档中只能有一个id值是myElement所以得到的是唯一的元素 $("div")           选择所有的div标签元素,返回div元素数组 $(".myClass")      选择使用myClass类的css的所有元素 $("*")        

jquery input 选择器

1.9.1 官方文档: 创建一个 <input> 元素必须同时设定 type 属性.因为微软规定 <input> 元素的 type 只能写一次. jQuery 代码: // 在 IE 中无效: $("<input>").attr("type", "checkbox"); // 在 IE 中有效: $("<input type='checkbox'>");   jquery inp