您的位置:首页 - 教程 - jQuery - 正文
jQuery复习到的部分内容

jQuery选择器
$(#id)==docunment.getelementById();
-基本选择器(basic)
$("#test")//获取id为test的元素 $(".test")//获取所有class为test的元素 $("div,span,p.myClass")选取所有<div>,<span>和拥有class为myClass的<p>标签的一组元素
$(".class"),根据css的class属性返回一个集和,无论该css类是否存在,只要定义在元素中就能被jQuery查询到
-层次选择器(level):
<"div span">表示div下所有的span元素 <"div > span"> 表示div下子元素(不包括内嵌的)
-过滤选择器(filter)
.sibling("div") 选取所有的同辈的
.next()
.prev()上一个
.基本过滤
:first $("div:first")选取所有<div>元素中第一个<div>元素
:last
:not(selector) $("input:not(myClass)")选取class不是myClass的<input>元素
:even 偶数 $("input:event") 选取索引是偶数的<input>元素
:odd奇数
:eq(index) $("input:eq(1)")选取索引等于1的<input>元素
:gt(index) 大于 但不包括
:lt(index) 小于
:animated $("div:animated")选取正在执行动画的<div>元素
内容过滤
:contains $("div:contains('我')")选取含有文本“我”的<div>元素
:empty $("div:empty") 选取不包含子元素(包括文本元素)的<div>空元素
:has(selector) $("div:has(p)") 选取含有<p>元素的 <div>元素
:parent $("div:parent") 选取拥有子元素(包括文本元素)的<div>元素

可见性过滤:
:hidden $(":hidden")选取所有不可见的元素。
:visible $("div:visible")选取所有可见的<div>元素
属性过滤
[attribute] $("div[id]")选取拥有属性id的元素
[attribute=value] $("div[title=test]")选取属性title为“test”的<div>元素
[attribute!=value] 同上但也包括没有此属性的元素
[attribute^=value] $("div[title^=test]")选取属性title以“test”开头的<div>元素
[attribute$=value] 结束
[attribute*=value] 含有value的元素
$([div[id]][title$='test'])选取拥有属性id,并且属性title为以test结束的<div>元素
子元素过滤
:nth-child(index/even/odd/equation) 选取每个父元素下的第index个子元素或者奇数偶数元素(index从1开始)
:first-child 选取每个父元素的第1个子元素 $("ul li:first-child")选取每个<ul>中第一个li元素
:last-child
:only-child 如果某个元素是它父元素中唯一的子元素将会匹配
表单对象属性过滤
:enabled $("#form1 :enabled")选取id为“form1”的表单内的所有可用元素
:disabled
:checked $("input:checked")选取所有被选中的<input>元素
:selected $("select :selected")选取所有被选中的选项元素
-表单选择器(form)
:input $(":input")

$('.test :hidden')//选择class为test的元素当中的隐藏子元素
$('.test:hidden')//选择隐藏的class为test元素

<p>我想说</p>
jQuery代码
1.$("p").append("<b>你好</b>");
结果:
<p>我想说:<b>你好</b></p>
2.jQuery代码
$("<b>你好</b>").appendTo("p");
结果
<p>我想说:<b>你好</b></p>
3.jQuery代码
$("p").prepend("<b>你好</b>")//结果 <p><b>你好</b>我想说:</p>
4.jQuery代码
$("<b>你好</b>").prependTo("p");//结果 <p><b>你好</b>我想说:</p>


评论: