jquery 学习第一天

${#id}代替 document.getElementById("Id")

${tagName} 代替 document.getElementByName("tagName")

 

jquery 选择器

1-基本选择器

${"#test"} 选取id为test的元素

${".test"} 选取所有class为test的元素

${"P"} 选取所有<P>元素

${"*"} 选取所有的元素

${"div,span,p.myClass"} 选取所有<div>,<span>, 和拥有class为myclass的<p>元素

 

2-层次选择器

${"div span"} 选取<div>里所有的<span>元素

${"div > span"} 选取<div>元素下类型为<span>的子元素 （上面那个是选取所有的，下面那个是选取下一级）

${".one+div"} 选取 class 为one的下一个<div>元素

${"#two~div"} 选取id为two的元素后面所有<div>的元素

 

3 过滤选择器

3.1 基本过滤器 是对元素索引位置的 过滤 第一个最后一个  等等

3.2 内容过滤选择器 是对里面元素内容进行文字匹配的

3.3 可见性过滤选择器

3.4 属性过滤选择器

${"div[id]"} 选取拥有属性为id的元素

${"div[title=test]"} 选取拥有属性title 且值为test的<div>元素

${"div[id][title=test]"} 以上2个并且

3.5 子元素过滤选择器（复杂 感觉可能用途不大 以后再看）

3.6 表单对象属性过滤选择器

${"#formId :enabled"} 选取id为formId 的表单内所有可用的元素

${"#formId :disabled"} 选取id为formId 的表单内所有不可用的元素

${"input:checked"} 选取所有被选中的<input>元素

${"select:selected"} 选取所有被选中的选项元素

 

4表单选择器

${:input}

 

 

# 选取id 

.  选取class

元素名 就是按类型来的 如<p></p>

${'p'} 选取所有p类型的