jquery 选择器

最新推荐文章于 2020-08-06 17:54:47 发布

evil19790213

最新推荐文章于 2020-08-06 17:54:47 发布

阅读量66

点赞数

分类专栏： jquery 文章标签： jQuery CSS IDEA ViewUI

本文链接：https://blog.csdn.net/evil19790213/article/details/83398883

版权

jquery 专栏收录该内容

4 篇文章 0 订阅

订阅专栏

学习jquery 选择器时
<html>
<style>

类型选择符
img {....}
id选择符
#divTest1{....}
class 选择符
.divClass{....}
分组选择符
div,span{....}
包含选择符
span p{....}
元素指定选择符
div.divClass{.....}
子对象选择符
span > p{....}

</style>
<body>
<div id="divTest1" class="divClass"/>
<span id="spanTest1">
<p>xxxx</p>
</span>
<img src="xxx.jsp" >
<form>
<input type="hidden" name="test1" value="1123"/>
<input type="checkbox" checked="true" value="on" name="test2" id="test2"/><lable for=""></label>
.....
</form>
</body>
</html>

css->jquery 下记
类型选择符　－＞$("img")
id选择符　－＞$("#divTest1")
对应类型选择符　－＞$(".divClass")
分组选择符　－＞$("div,span")
包含选择符　－＞$("div p")
元素指定选择符　－＞$("div.divClass")
子对象选择符－＞$("div > p")

form选择符

o :input 选择所有表单 elements（input, select, textarea, button）

o :text 选择所有文本域 (type=”text”)

o :password 选择所有密码域 (type=”password”)

o :radio 选择所有单选按钮 (type=”radio”)

o :checkbox 选择所有复选框 (type=”checkbox”)

o :submit 选择所有提交按钮 (type=”submit”)

o :image 选择所有图像域 (type=”image”)

o :reset 选择所有重置按钮 (type=”reset”)

o :button 选择所有按钮 (type=”button”)

支持谓词语法

1.$(":input[@name=test1]") -> name前缀是test1

<input type="hidden" name="test1" value="1123"/>

2.$(":input[@name^=test]") -> name是test开头
<input type="checkbox" checked="true" value="on" name="test2" id="test2"/>
<input type="hidden" name="test1" value="1123"/>

3.$(":input[@name$=st1]") -> name是st1结尾
<input type="hidden" name="test1" value="1123"/>

evil19790213

关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
jquery 选择器

学习jquery 选择器时类型选择符img {....}id选择符#divTest1{....}class 选择符.divClass{....}分组选择符div,span{....}包含选择符span p{....}元素指定选择符div.divClass{.....}子对象选择符span > p{....}...
复制链接

扫一扫

专栏目录