css文件放head中
js文件一般放在body的最下面
子选择器:父类为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()应用在多个元素上时,将会读取所有选中元素的文本内容。
js文件一般放在body的最下面
四个比较容易搅混的概念
子选择器:父类为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()应用在多个元素上时,将会读取所有选中元素的文本内容。