2.jquery入门（选择器）

2.2 选择器

选择器 : 就是定位条件；通知 jquery 函数定位满足条件的 DOM 对象

2.2.1 基本选择器

根据 ID ， class 属性，标签类型名定位 HTML 元素，转为 jQuery 对象 .

1.id 选择器

语法： $(“#id”)

2.class 选择器

语法： $(“.class 名称 ”)

3. 标签选择器

语法： $(“ 标签名 ”)

例：新建 selector.html

1. 在页面 head 部分加入 css

2.加入 jQuery 引用

 3.body 部分定义 div

 4.创建 js 函数

4.所有选择器 

语法： $(“*”) 选取页面中所有 DOM 对象。

5. 组合选择器

      组合选择器是多个被选对象间使用逗号分隔后形成的选择器，可以组合 id ， class ，标签名等。

语法： $(“id,class, 标签名 ”)

例：

1. 上面的 selector.html 页面中加入按钮

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

页面定义元素：

定义 js 函数：

、