1500字范文,内容丰富有趣,写作好帮手!
1500字范文 > jquery-选择器-筛选器

jquery-选择器-筛选器

时间:2020-12-26 21:27:05

相关推荐

jquery-选择器-筛选器

使用基本

用前要先导入js文件

使用本地文件方式导入 使用在线的文件,用时需联网

1.官网jquery压缩版引用地址:

3.1.1版本:

3.0.0版本:

2.1.4版本:

2.百度压缩版引用地址:

3.微软压缩版引用地址:

选择器

使用格式

$(选择器str)jquery(选择器)

id选择器

得到的结果,是类似于数组的东西

数据中保存着所有符合条件的内容(虽然是利用ID来找)

如果要获取其中具体的某一个标签对象

利用: 数组【索引】

可以获得

类选择器 标签选择器 简单的小结

jquery 选择器的用法,关键在于括号内的内容

括号内部, css怎样定位标签,我们就怎么写,就OK了

注意,jquery 的标签选择器的返回结果是一个数组

数组中包裹着各个符合条件的标签对象

(哪怕是通过id精准定位到的内容,得到的也是一个数组对象)

回忆,javascript中通过id找到的标签,就是精准的标签对象了

更多的练习

查找装备了c2类的a标签

练习:

注意

“a.c2”

“a .c2”

的区别

》找到所有的标签

》组合并集选择器

》标签选择

》类选择

》并集选择

层级选择

》儿子选择

毗邻选择

选择器小结

用法与css 选择器一模一样

格式

$(css选择器)

筛选器

找第一个,找最后一个

选择器中

: first,找第一个

: last, 找最后一个

:eq(下标),在组中找到下标值对应的对象,得到的仍然是jquery对象

拿偶数数据 even

》所有中的奇数元素

:odd()

》大于索引的

:gt(索引)

》小于

:lt(索引)

》not,移除不满足条件的

例子,前端

先找到p标签,取p标签中class不为.c2的标签

》has。含有

前端

要找含有a标签的div标签

属性选择器

操作步骤

写一些多选框

利用属性选择器来找到他们,利用name

【属性名 = 属性值】

input选择的简写

$(“input[type=‘text’]”)

等同于

$(":text")

等同于

$(“input:text”)

演练,三种写法

同理,其它的input类型也可以套用上面的写法

:text

:password

:file

:checkbox

:submit

:reset

:button

根据表单对象的属性来选

: enabled,没被禁用的

:disabled, 被禁用的

:checked,选中的

:selected,选中的

本内容不代表本网观点和政治立场,如有侵犯你的权益请联系我们处理。
网友评论
网友评论仅供其表达个人看法,并不表明网站立场。