使用基本
用前要先导入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,选中的