jquery学习第一课：选择器

jQuery学习第一课，

jQuery的优势；

​            jQuery 是一个高效、精简并且功能丰富的 JavaScript 工具库。它提供的 API 易于使用且兼容众多浏览器，这让诸如 HTML 文档遍历和操作、事件处理、动画和 Ajax 操作更加简单。目前超过90%的网站都使用了jQuery库，jQuery的宗旨：写的更少，做得更多

jQuery的使用方式

```javascript
<script src="https://cdn.bootcdn.net/ajax/libs/jquery/1.9.1/jquery.min.js"></script>
<script>
    $(function () {
        // 请将jQuery代码书写在这里 ...
        alert('Hello,World!');
    });
</script>
```

##### 选择器

​    与javascret具有相似的选择器

##### 基础选择器

id选择器

类选择器

通配符选择器

并集选择器

#### 层级选择器

子代选择器    

后代选择器

同辈兄弟选择器

相邻兄弟选择器

#### 基本选择器

$(":even")  **代表选取下标为偶数的行**

$(':odd')代表选取下标为奇数的行**

$('tr:first')**第一行**

$('tr:last')*最后一行*

$('tr:lt(2)')**实现让下标（从0开始）小于2的行数**

$('tr:gt(2)')**实现让下标（从0开始）大于2的行数**

$('tr:eq(2)')**实现让下标（从0开始）等于2的行数**

$('tr:not(tr:eq(2))')**实现让下标（从0开始）不等于2的行数**

内容筛选器 

 $("E:contans('文本内容')")       选取包含指定文本内容到E元素

 $("E:empty")                              选取内容为空的E元素

 $("E:has(选择器)")                      选取包含该选择器的E元素

 $("E:parent")                               选取含有子元素的或文本的元素

​               

属性筛选器

$("[属性]")查找具有该属性的标签元素

$("[xxx=yyy]")选取具有该xxx属性名，且属性值为yyy的元素

$("[xxx！=yyy]")选取具有该xxx属性名，且属性值不为yyy的元素

$("[xxx^=yyy]")选取具有该xxx属性名，且属性值为yyy开头的元素

$("[xxx$=yyy]")选取具有该xxx属性名，且属性值为yyy结尾的元素

$("[xxx*=yyy]")选取具有该xxx属性名，且属性值中包含yyy的元素

可见性筛选器

：hidden   让隐藏的段落显示出来

：visible     让显示的段落隐藏

jQuery中获取元素内容的方式    .html()