周末学习笔记

css文件放head中

js文件一般放在body的最下面

四个比较容易搅混的概念

$( "parent > child" )
子选择器：父类为parent，儿子为child的选择器

$("parent child")
后代选择器：父类为parent，所有后代为child的选择器

$("prev + brother")
相邻兄弟选择器：选择紧接在“prev”元素后的“brother”元素,挨在一起的

$("prev ~ brother")
一般兄弟选择器：匹配“prev”元素之后的所有兄弟元素。具有相同的父元素，为brother的选择器


$('p').click(function(){
    //把p元素转化成jQuery的对象
    var $this= $(this)
    $this.css('color','red')     })
因为涉及样式兼容，如果通过jQuery处理就会简单多了，我们只需要把this加工成jQuery对象

.html(),.text()和.val()的差异总结：  
    ()中没有设值时，为取的相应内容，当其中设值了值时，为修改原有内容。
    .html()是用来读取元素的html内容（包括html标签）
    .text()用来读取元素的纯文本内容，包括其后代元素
    .val()是用来读取表单元素的"value"值。
    其中.html()和.text()方法不能使用在表单元素上,而.val()只能使用在表单元素上
    另外.html()方法使用在多个元素上时(即标签中又套标签)，只读取第一个元素；
    .val()方法和.html()相同，如果其应用在多个元素上时，只能读取第一个表单元素的"value"值
    但是.text()和他们不一样，如果.text()应用在多个元素上时，将会读取所有选中元素的文本内容。