首页 > 代码库 > 《jQuery知识点总结》(二)

《jQuery知识点总结》(二)

dom css 操作
html(n)                n为空则取值相当于JS的innerHTML填写n为赋值
val(n)                n为空则取值相当于JS的value填写n为赋值
css("color")             一个参数为取值
css("color","red")        两个参数为赋值
css({})                传入对象
.attr("属性")            取指定属性的值
.attr("属性","值")        给指定属性赋值
.prop("checked")        检测是否被选中返回布尔值
.prop("disabled",true或false)    为true时选择按钮不能使用 为false时选择按钮可以使用
.addClass("属性名")        添加一个类
.removeClass()            删除一个类        
.index()            获得元素的索引值

dom 操作
.append("info")            向指定元素内部后面插入节点info
.prepend("info")        向指定元素info内部的前面插入节点    
.appendTo("info")        将指定元素移入到指定元素info内部的后面
.prependTo("info")        将指定元素移入到指定元素info内部的前面
.after("info")            向指定元素的外部的后面插入节点info
.before("info")            向指定元素的外部的前面插入节点info
.remove()            直接删除指定元素        
.empty()            清空节点 删掉节点里的内容

表单过滤器
:checked            选取所有被选中的元素(单选、复选)
:selected            选取所有被选中的元素(下拉菜单)

高级事件
$("input[name=‘username‘]").trigger("blur");    模拟触发按顺序执行

事件委托
$(document).on("click","div",function(){
    $(this).after("<div>我叫随便</div>")
});                        将div上的事件委托给document

.show()                显示元素
.hide()                隐藏元素

scroll(鼠标滑动事件)属于window     例:$(window).scroll(function(){})
innerHeight 获取元素的高 包含内边距padding
offset()获取元素的便宜距离 例:$(元素).offset().top();获取元素与顶部的距离
scrollTop(); // 求得鼠标滑动与顶部距离   此方法对可见和隐藏元素均有效。
  例:$(window).scroll(function(){var scro= $(this).scrollTop(); })
trigger(); 在每一个匹配的元素上自动触发某类事件

《jQuery知识点总结》(二)