jQuery基本总结(二)
//内容选择器
/**
:contains(text) 返回包含指定的文本元素
:parent 返回匹配子元素的元素
:has(text) 返回包含指定元素的元素
:empty 返回无文本或者空元素
*/
//可见性
/**
:visible 匹配所有可见的元素
:hidden 匹配所有不可见的元素(只要在页面上不显示的元素,都能获得到)
*/
//属性
/**
.attr("attrbuteName","attibuteValue")
.attr("attrbuteName");
*/
//子元素
/**父元素调用,返回的是父类的元素
:frist-child 匹配指定父类中的第一个元素
:last-child 匹配指定父类中的最后的一个元素
:only-child 匹配只有一个子元素的父元素
:nth-child(n) 父元素调用第n个子元素
*/
//表单
/**只有input才能调用
:button 匹配所有的按钮
:text 匹配所有的单行文本
:checkbox 匹配所有的复选框
:input 匹配所有的input、textarea、select和button
:password 匹配所有的密码框
:reset 匹配所有的重置
:radio 匹配所有的单选按钮
:submit 匹配所有的提交按钮
:file 匹配所有的上传按钮
:hidden 匹配所有 的隐藏按钮
:image 匹配所有的图像域
*/
//表单对象的属性
/**
:checked 匹配所有的被选中的选项(包括复选框checkbox、单选按钮radio,不包括select中的option)
:disabled 匹配所有的不可用的选项
:enabled 匹配所有 的可用的选项
:selected 匹配所有select中被选中的option
*/
[b]说说jQuery中易混的地方[/b]
一、属性中text和html这两个都是获取文本,而不同点如下:
.text() 获取元素中的内容,包括标签和标签的内容,适用于xml和html中
.html() 获取html中的文本,不能用于xml中,但能用于xhtml中
文档内容的插入
二、内部插入(插入元素的里面):
.append(content) $a.append($b),把b写到a中文本的后面
.appendTo(content) $a.appendTo($b),把a写到b中文本的后面
.prepend(content) $a.prepend($b),把b写到a中文本的前面
.prependTo(content) $a.prependTo($b),把a写到b中文本的前面
三、外部插入(插入到元素的外面):
.after(content) $a.after($b),把b插到a元素的后面
.insertAfter(content) $a.insertAfter($b),把a插到b元素的后面
.befor(content) $a.befor($b),把b插到a的前面
.inserBefor(content) $a.insertBefor($b),把a插到b的前面
//内容选择器
/**
:contains(text) 返回包含指定的文本元素
:parent 返回匹配子元素的元素
:has(text) 返回包含指定元素的元素
:empty 返回无文本或者空元素
*/
//可见性
/**
:visible 匹配所有可见的元素
:hidden 匹配所有不可见的元素(只要在页面上不显示的元素,都能获得到)
*/
//属性
/**
.attr("attrbuteName","attibuteValue")
.attr("attrbuteName");
*/
//子元素
/**父元素调用,返回的是父类的元素
:frist-child 匹配指定父类中的第一个元素
:last-child 匹配指定父类中的最后的一个元素
:only-child 匹配只有一个子元素的父元素
:nth-child(n) 父元素调用第n个子元素
*/
//表单
/**只有input才能调用
:button 匹配所有的按钮
:text 匹配所有的单行文本
:checkbox 匹配所有的复选框
:input 匹配所有的input、textarea、select和button
:password 匹配所有的密码框
:reset 匹配所有的重置
:radio 匹配所有的单选按钮
:submit 匹配所有的提交按钮
:file 匹配所有的上传按钮
:hidden 匹配所有 的隐藏按钮
:image 匹配所有的图像域
*/
//表单对象的属性
/**
:checked 匹配所有的被选中的选项(包括复选框checkbox、单选按钮radio,不包括select中的option)
:disabled 匹配所有的不可用的选项
:enabled 匹配所有 的可用的选项
:selected 匹配所有select中被选中的option
*/
[b]说说jQuery中易混的地方[/b]
一、属性中text和html这两个都是获取文本,而不同点如下:
.text() 获取元素中的内容,包括标签和标签的内容,适用于xml和html中
.html() 获取html中的文本,不能用于xml中,但能用于xhtml中
文档内容的插入
二、内部插入(插入元素的里面):
.append(content) $a.append($b),把b写到a中文本的后面
.appendTo(content) $a.appendTo($b),把a写到b中文本的后面
.prepend(content) $a.prepend($b),把b写到a中文本的前面
.prependTo(content) $a.prependTo($b),把a写到b中文本的前面
三、外部插入(插入到元素的外面):
.after(content) $a.after($b),把b插到a元素的后面
.insertAfter(content) $a.insertAfter($b),把a插到b元素的后面
.befor(content) $a.befor($b),把b插到a的前面
.inserBefor(content) $a.insertBefor($b),把a插到b的前面