jq 1.11

175 阅读1分钟

子元素筛选


1 $("li:nth-child(1)").css("background","pink");             筛选第一个孩子

2 $("li:nth-last-child(1)").css("background","pink");      筛选最后一个孩子

3 $("p:only-child").css("background","yellow")             如果某个元素是其父元素的唯一子元素 那么它就会被选中


----------------------------------------分割线---------------------------------------------

表单


<.body>

<input type="checkbox">苹果

<input type="checkbox" checked>香蕉

<input type="text" value="name" >                      【正常可以将name点击并修改】

<input type="text" value="name" disabled>        【不能修改 name 禁用状态 】

<input type="file">                                                【选择文件】

<input type="image">                                           【选择图片】  

// input selector    选择所有 input textarea(文本域) select(下拉列表) 和 button(按钮)元素

:input

//  :password 选中密码类型

//  :radio  单选框

//  :reset   重置按钮

<script src="jquery-1.11.3.js"></script>

<script>

$("input:checked").css("background","red")

</script>

</body>


----------------------------------------分割线---------------------------------------------

属性 


1       .attr() 设置属性

          $("#wrapper").attr("class","contant")

          //atter      设置属性

          //prop      设置特性 (不是所有标签都有的属性)

          // 设置时 可以给元素设置属性

          //获取时只能获取第一个元素的属性

----------------------------------------分割线---------------------------------------------

.offset        获取坐标 (相对文档)

.position     获取匹配元素中第一个元素的当前坐标 相对于offset parent的坐标 (offset parent 指离该元素最近的而且被定位过的祖先元素)

.scrollLeft()       获取匹配的元素集合中第一个元素的当前水平滚动条的位置或设置每个匹配元素的水平滚动条位置

.scrollTop() 获取匹配的元素集合中第一个元素的当前垂直滚动条的位置或设置每个匹配元素的垂直滚动条位置

.eq(index)  减少匹配元素的集合为指定的索引的哪一个元素

.siblings 获得匹配元素集合中每个元素的兄弟元素 可以提供一个可选的选择器