2.2
选择器
选择器
:
就是定位条件;通知
jquery
函数定位满足条件的
DOM
对象
2.2.1
基本选择器
根据
ID
,
class
属性,标签类型名定位
HTML
元素,转为
jQuery
对象
.
1.id
选择器
语法:
$(“#id”)
2.class
选择器
语法:
$(“.class
名称
”)
3.
标签选择器
语法:
$(“
标签名
”)
例:新建
selector.html
1.
在页面
head
部分加入
css
![](https://i-blog.csdnimg.cn/blog_migrate/bbaaefd90f5e560c83cbc67d02aaff41.png)
2.加入 jQuery 引用
3.body 部分定义 div
4.创建 js 函数
4.所有选择器
语法:
$(“*”)
选取页面中所有
DOM
对象。
5.
组合选择器
组合选择器是多个被选对象间使用逗号分隔后形成的选择器,可以组合
id
,
class
,标签名等。
语法:
$(“id,class,
标签名
”)
例:
1.
上面的
selector.html
页面中加入按钮
![](https://i-blog.csdnimg.cn/blog_migrate/7820203f8c704f9ba0ccd12a0a666079.png)
2.增加 js 函数
2.2.2 表单选择器
表单相关元素选择器是指文本框、单选框、复选框、下拉列表等元素的选择方式。该方法
无论是否存在表单
<form>
,均可做出相应选择。表单选择器是为了能更加容易地操作表单,
表单选择器是根据元素类型来定义的
<input type="text">
<input type="password">
<input type="radio">
<input type="checkbox">
<input type="button">
<input type="file">
<input type="submit">
<input type="reset">
$(":tr"):
不能用,
tr
不是
input
标签
语法:
$(":type
属性值
")
例如:
$(":text")
选取所有的单行文本框
$(":password")
选取所有的密码框
$(":radio")
选取所有的单选框
$(":checkbox")
选取所有的多选框
$(":file")
选取所有的上传按钮
例:
新建
form.html
页面定义元素:
![](https://i-blog.csdnimg.cn/blog_migrate/895ea3ab54a15329f7038d4ff3ac8de0.png)
定义 js 函数:
、