var $div=$(div); var $first=$div.first();找到第一个div元素 var $second = $first.next(); 找到第二个div元素 //var $last = $second.next(); 找到第三个div元素 var $last=$div.last(); 找到第三个div元素 $first.css('color','red'); $second.css('color','red'); $last.css('color','red');

表单对象属性 选择器 表单对象属性选择器也是专门针对 表单元素的选择器 可以附加在其他选择器的后面 对表单元素进行筛选 $(":enabled") 选取可以使用的表单元素 $(":disabled")选取不可以使用的表单元素 $(":checked")选取被选择中的<input> $(":selected")选取被选择中的<option>元素 选择器适用于复选框和单选框，对于下拉框元素, 使用 :selected 选择器 在某些浏览器中，选择器:checked可能会错误选取到<option>元素，所以保险起见换用选择器input:checked，确保只会选取<input>元素

jQuery基础 (一)—样式篇——注意事项 I Ps1：$(document).ready 的意思是等页面的文档（document）中的节点都加载完毕后，在执行后续的代码，因为我们在执行代码的时候，可能会依赖页面的某一个元素，我们要确保这个元素真正的的被加载完毕后才能正确的使用。 Ps2：id选择器：一个用来查找的ID，即元素的id属性：$( "#id" )。 id选择器也是基本的选择器，jQuery内部使用JavaScript函数document.getElementById()来处理ID的获取。原生语法的支持总是非常高效的，所以在操作DOM的获取上，如果能采用id的话尽然考虑用这个选择器。 值得注意：id是唯一的，每个id值在一个页面中只能使用一次。如果多个元素分配了相同的id，将只匹配该id选择集合的第一个DOM元素。但这种行为不应该发生;有超过一个元素的页面使用相同的id是无效的。 Ps3：类选择器：$( ".class" )。 类选择器，相对id选择器来说，效率相对会低一点，但是优势就是可以多选。同样的jQuery在实现上，对于类选择器，如果浏览器支持，jQuery使用JavaScript的原生getElementsByClassName()函数来实现的。原生getElementsByClassName()函数的实现代码与jQuery实现代码的比较：jQuery除了选择上的简单，而且没有再次使用循环处理；不难想到$(".imooc").css()方法内部肯定是带了一个隐式的循环处理，所以使用jQuery选择节点，不仅仅只是选择上的简单，同时还增加很多关联的便利操作，后续我们还会慢慢的学到其他的优势。 Ps4：元素选择器：$( "element" )。 搜索指定元素标签名的所有节点，这个是一个合集的操作。同样的也有原生方法getElementsByTagName()函数支持。 第一组：通过getElementsByTagName方法得到页面所有的<div>元素：var divs = document.getElementsByTagName('div');divs是dom合集对象，通过循环给每一个合集中的<div>元素赋予新的boder样式。 第二组：同样的效果，$("p")选取所有的<p>元素，通过css方法直接赋予样式。

$("#id")//id选择器 $(".class")//类选择器 $( "element" )//元素选择器 $( "*" )//全选择器

$("div >  p")//子级选择器 选择直接子元素
$("div p")//后代选择器 选择所有后代 包含子级选择器的结果
$("div + p")//相邻兄弟选择器 选择下一个兄弟元素
$("div ~ p")//一般兄弟选择器 选择之后的所有兄弟元素 包含相邻兄弟选择器的结果

单个样式

$p.html('P2：您好！通过慕课网学习jQuery才是最佳的途径').css('color','red');

要添加多个样式时

.css({    'background' : 'red',  
          'font-size' : '15px',  
            ....    
            ....
          })

    

学编程，遇到一些简称的代码，去查清楚全称，记忆会更牢固，就比如eq全称是equal(意思是“等于”)；gt全称是greater than(意思是大于)；lt全称是less than(意思是小于)。 筛选选择器 $(":first")           匹配第一个元素 $（":last"）          匹配最后一个元素 $(":not(selector)")   一个用来过滤的的选择器，选择所有元素去除不匹配给定的选择器元素 $(":eq(index)")       在匹配的集合中选择索引值为index的元素 $(":gt(index)")       选择匹配集合中所有大于给定index(索引值) $(":even")            选取索引值为偶数的元素，从0开始计数 $(":odd")             选取索引值为奇数的元素，从0开始计数 $(":lt(index)")       选取匹配集合中所有索引值小于给定index参数的元素 $(":header")          选择所有标题元素，像h1,h2,h3等 $(":lang(language)")  选择指定语言的所有元素 $(":root")            选择该文档的根元素 $(":animated")        选择所有正在执行动画效果的元素 这句话什么意思？ $("input:not(:checked)+p").css("background-color", "red");   选择input中没有被选中的元素，然后找出这些元素的直接兄弟元素；你把这个选择拆开看就好懂了，比如既可以看看$("input")是什么效果，然后是$("input:not(:checked)")是什么效果，最后是$("input:not(:checked)+p")是什么效果，一对比你就比较清楚了。

不变色，http改为https，然后只有元素一变色了。。

.addClass()本质只是针对class的类的增加删除，不能获取到指定样式的属性的值，.css()可以获取到指定的样式值。

.css()的优先级要高于。addClass()的优先级

jQuery 语法

jQuery 语法是通过选取 HTML 元素，并对选取的元素执行某些操作。

基础语法： $(selector).action()

• 美元符号定义 jQuery

• 选择符（selector）"查询"和"查找" HTML 元素

• jQuery 的 action() 执行对元素的操作

jQuery 方法 attr()，提供回调函数。回调函数由两个参数：被选元素列表中当前元素的下标，以及原始（旧的）值。然后以函数新值返回希望使用的字符串。 因此代码中的：
$("input:eq(2)").attr('value',function(i, a){
return '通过function设置' + a
})

以下根据翻看所有评论和自己的思路具体总结：

不负责，仅供参考！

首先：文章主旨大致理解为三点：

第一：（大纲：)

此可见性塞选器其目的，是为查看标签内属性值（style），使我们自身是否能通过这两个方法而看见，而不是程序本身。

大纲细节：

1：visible是查看节点属性是否显示，显示则为0，不显示则为1。而它能见到的就是hidden为它打包的标签属性，因为hideen的隐藏是占据空间的，所以值就不为0，也就是说，它能被我们看到。

而默认值，还有元素值为0的时候，是没有空间占据的，也就是说不能被我们所见。

（注：这里所指的默认值和0的值不为我们所见，并非程序无法察觉和知晓，只是程序不让我们见到。）

hidden，即查看节点属性是否隐藏，隐藏则为0，反之为1.

而这里所说的祖先元素的隐藏，比如table标签中无法查见的tobdy标签就是这种类型。

而所指的元素可见性依赖于使用的样式，大白话翻译为：我们能不能看见这个属性，还要根据它自身的情况，就像是默认值和值为0一样，它自身虽然是隐藏的，但人家就是天生贵族，不让我们见。

第二：

关于编辑器中的代码：

1；首先我们知道js是可以在body中设置的，这一点就不说了。

2：body中主要做了什么？首先它搞了一个div的容器，其中包含三个儿子div，并且每一个儿子都有一个文本和自己的名字。

而为了测试他们的属性是否隐藏和显示，则在属性中分别设置了默认，值为0，还有hidden的打包属性和值为0.

3：在Body下它设置了一个函数，也就是方法，用于执行测试属性的值是否显示与隐藏。这是什么函数？是一个包含了形参（也就是调用值的方法）的 函数。

4：这个函数中的ele instanceof jQuery，就是说输入的值是不是jquery的实例或者说是不是它的人！

总的解读这个函数就是：

如果你是我的人，就将p标签给我调用，并在这标签中设置查看标签们属性的长度，也就是通过这个长度来确定好是不是显示和隐藏。

如果不是，不好意思，弹出对话框，你不是我的人。

三：

整个代码执行的时候，请在http中加上s，这个小编已经忘了好几节了。

祝大家愉快，共同努力！

加油！

1.在javascript中使用 “var divs = document.getElementsByClassName('aaron');”这样获取的是一个相同类的集合，如果你对这些元素进行操作（例如：修改样式），你必须将这些元素一个一个取出来，分别赋值，你不能对集合divs直接赋值(例如：// divs.style.background="blue";)2.假如你使用jquery的话，例如：$(".imooc")，取得一个集合，但是你可以直接对该集合进行赋值。这样就省略了一个元素一个元素赋值的过程。。

1、$(".first-div a:first-child") 查找class="first-div"下的第一个a元素,针对所有父级下的第一个 2、$(".first-div a:last-child")  查找class="first-div"下的最后一个a元素，针对所有父级下的最后一个如果只有一个元素的话，last也是第一个元素 3、$(".first-div a:only-child")  查找class="first-div"下的只有一个子元素的a元素 也就是这个唯一子元素就是a  某个元素是父元素中唯一的子元素，就是说当前子元素是父元素中唯一的元素，则匹配这个元素 4、$(".last-div a:nth-child(2)") 查找class="last-div"下的第二个a元素 5、$(".last-div a:nth-last-child(2)")  查找class="last-div"下的倒数第二个a元素 jQuery实现:nth-child(n)是严格来自CSS规范，所以n值是“索引”，也就是说，从1开始计数，:nth-child(index)从1开始的，而eq(index)是从0开始的

addEventListener()绑定事件的对象方法。addEventListener()含有三个参数，一个是事件名称，另一个是事件执行的函数，最后一个是事件捕获，obj.addEventListener("click",function(){},true/false);以往的方法定义事件的话后面的会覆盖掉前面的事件函数，但是按这种方式写的话几个事件函数都会执行，最后是true和false的解释，事件在执行时都会有俩个流，一个是捕获事件流，另一个是冒泡事件流，进来的事件是捕获事件，出去的事件是冒泡事件，true的话会捕获进来时的，false的话会捕获出去时的