.html(),.text(),.val()三种方法都是用来读取选定元素的内容；只不过.html()是用来读取元素的html内容（包括html标签），.text()用来读取元素的纯文本内容，包括其后代元素，.val()是用来读取表单元素的"value"值。其中.html()和.text()方法不能使用在表单元素上,而.val()只能使用在表单元素上；另外.html()方法使用在多个元素上时，只读取第一个元素；.val()方法和.html()相同，如果其应用在多个元素上时，只能读取第一个表单元素的"value"值，但是.text()和他们不一样，如果.text()应用在多个元素上时，将会读取所有选中元素的文本内容。

.html(htmlString),.text(textString)和.val(value)三种方法都是用来替换选中元素的内容，如果三个方法同时运用在多个元素上时，那么将会替换所有选中元素的内容。

.html(),.text(),.val()都可以使用回调函数的返回值来动态的改变多个元素的内容。

我们有几种方式可以隐藏一个元素：

1. CSS display的值是none。

2. type="hidden"的表单元素。

3. 宽度和高度都显式设置为0。

4. 一个祖先元素是隐藏的，该元素是不会在页面上显示

5. CSS visibility的值是hidden

6. CSS opacity的指是0

如果元素中占据文档中一定的空间,元素被认为是可见的。
可见元素的宽度或高度，是大于零。
元素的visibility: hidden 或 opacity: 0被认为是可见的，因为他们仍然占用空间布局。

筛选选择器

兼容性问题

JQ筛选器基础应用

jQuery基础 (一)—样式篇——简介

1、jQuery轻量级的JavaScript库，核心是JavaScript，兼容css和各种浏览器，核心理念是写得少做得多。
2、优势：容易上手，强大的选择器，节约开发时间，丰富的UI，完善的事件机制，Ajax的封装。

px 是分隔字符串，px 右边的内容才是 value[1] 的值，所以是空。不过既然是空，那么为什么要加上呢

感谢用户：白船袜七分裤

奇数偶数没有弄反！！！！
奇数偶数没有弄反！！！！
奇数偶数没有弄反！！！！

各位同学，前面在选择器也有这个问题，当时没有认真看吗？
odd选的是 奇数 索引值，是索引的值！！！！ even选的是 偶数 索引值
索引是从0开始的。
比如第一行，它的索引是0，这个0就是它的索引值，是偶数。所以用even。
第二行，索引值为1,1是奇数，所以用odd.

实在记不住，odd三个字母，选择奇数索引；even四个字母，选择偶数索引。

.html(),.text()和.val()的差异总结：  

1. .html(),.text(),.val()三种方法都是用来读取选定元素的内容；只不过.html()是用来读取元素的html内容（包括html标签），.text()用来读取元素的纯文本内容，包括其后代元素，.val()是用来读取表单元素的"value"值。其中.html()和.text()方法不能使用在表单元素上,而.val()只能使用在表单元素上；另外.html()方法使用在多个元素上时，只读取第一个元素；.val()方法和.html()相同，如果其应用在多个元素上时，只能读取第一个表单元素的"value"值，但是.text()和他们不一样，如果.text()应用在多个元素上时，将会读取所有选中元素的文本内容。

2. .html(htmlString),.text(textString)和.val(value)三种方法都是用来替换选中元素的内容，如果三个方法同时运用在多个元素上时，那么将会替换所有选中元素的内容。

3. .html(),.text(),.val()都可以使用回调函数的返回值来动态的改变多个元素的内容。

<script type="text/javascript">

    //不分男女，选中第一类衣服中第9个a元素，并改变颜色

    //这里用了nth-child 选择的他们所有父元素的第n个子元素

    $('div.tag a:nth-child(10)').css('color','#66CD00');

</script>

这里是从dd元素的第一个子元素开始筛选，所以这里n等于10，而不是9.

this，表示当前的上下文对象是一个html对象，可以调用html对象所拥有的属性和方法。
$(this),代表的上下文对象是一个jquery的上下文对象，可以调用jQuery的方法和属性值。

我们有几种方式可以隐藏一个元素：

1. CSS display的值是none。

2. type="hidden"的表单元素。

3. 宽度和高度都显式设置为0。

4. 一个祖先元素是隐藏的，该元素是不会在页面上显示

5. CSS visibility的值是hidden

6. CSS opacity的指是0

括号里必须用单引号

• toggleClass是一个互斥的逻辑，也就是通过判断对应的元素上是否存在指定的Class名，如果有就删除，如果没有就增加

• toggleClass会保留原有的Class名后新增，通过空格隔开

 <script src="https://www.imooc.com/static/lib/jquery/1.9.1/jquery.js"></script>

    <script type="text/javascript">

            $(document).ready(function() {

                $("div").html("您好！通过慕课网学习jquery才是最佳的途径");

            });