Jquery 知识点

 

1。 jQuery选择器按照功能主要分为"选择"和"过滤". 并且是配合使用的. 可以同时使用组合成一个选择器字符串. 主要的区别是"过滤"作用的选择器是指定条件从前面匹配的内容中筛选, "过滤"选择器也可以单独使用, 表示从全部"*"中筛选. 比如: $(":[title]")。而"选择"功能的选择器则不会有默认的范围, 因为作用是"选择"而不是"过滤".

2. 表单过滤器 Form Filters
名称 说明 解释
:enabled 匹配所有可用元素
 查找所有可用的input元素:
$("input:enabled")
:disabled 匹配所有不可用元素 查找所有不可用的input元素:
$("input:disabled")
:checked 匹配所有选中的被选中元素(复选框、单选框等，不包括select中的option) 查找所有选中的复选框元素:
$("input:checked")
:selected 匹配所有选中的option元素 查找所有选中的选项元素:
$("select option:selected")

3. filter参数可以是字符串和函数。
4. map完成将一组元素、Jquery对象、数组的转换
5. closest( [expr] ) 取得与表达式匹配的最新的父元素,如实例为事件源最近的父类li对象更换样式:
$(document).bind("click", function (e) {
  $(e.target).closest("li").toggleClass("hilight");
});
 
6. contents( ) 查找匹配元素内部所有的子节点（包括文本节点）。如果元素是一个iframe，则查找文档内容 查找所有文本节点并加粗:
$("p").contents().not("[nodeType

7. attr(key,fn)： 为所有匹配的元素设置一个计算的属性值
8. 当没有为div 添加width属性时，使用 $('#div')。attr("width") 为Undefined，使用 .css("width")在不同浏览器中得到不同的结果，IE下为auto， firefox返回 300px，所以Jquery提供了width（）方法返回不带 px的数值

9. 位置相关 Positioning：
在一些设计弹出对象的脚本中,常常需要动态获取弹出坐标并且设置元素的位置.但是很多的计算位置的方法存在着浏览器兼容性问题,  jQuery中为我们提供了位置相关的各个函数:
名称 说明 举例
offset( ) 获取匹配元素在当前窗口的相对偏移。
返回的对象包含两个整形属性：top 和 left。此方法只对可见元素有效。
 获取第二段的偏移:
var p = $("p:last");
var offset = p.offset();
p.html( "left: " + offset.left + ", top: " + offset.top );

position( ) 获取匹配元素相对父元素的偏移。
返回的对象包含两个整形属性：top 和 left。为精确计算结果，请在补白、边框和填充属性上使用像素单位。此方法只对可见元素有效。
 获取第一段的偏移:
var p = $("p:first");
var position = p.position();
$("p:last").html( "left: " + position.left + ", top: " + position.top );

scrollTop( ) 获取匹配元素相对滚动条顶部的偏移。
此方法对可见和隐藏元素均有效。
 获取第一段相对滚动条顶部的偏移:
var p = $("p:first");
$("p:last").text( "scrollTop:" + p.scrollTop() );

scrollTop( val ) 传递参数值时，设置垂直滚动条顶部偏移为该值。
此方法对可见和隐藏元素均有效。
 设定垂直滚动条值:
$("div.demo").scrollTop(300);

scrollLeft( ) 获取匹配元素相对滚动条左侧的偏移。
此方法对可见和隐藏元素均有效。
 获取第一段相对滚动条左侧的偏移:
var p = $("p:first");
$("p:last").text( "scrollLeft:" + p.scrollLeft() );

scrollLeft( val ) 传递参数值时，设置水平滚动条左侧偏移为该值。
此方法对可见和隐藏元素均有效。
 设置相对滚动条左侧的偏移:
$("div.demo").scrollLeft(300);