二.属性 1属性 名称 用法 描述
attr(name|pro|key,val|fn) $("img").attr("src"); $("img").attr({ src: "test.jpg", alt: "Test Image" });
$("img").attr("src","test.jpg"); $("img").attr("title", function() { return this.src }); 设置或返回被选元素的属性值。
removeAttr(name) $("img").removeAttr("src"); 从每一个匹配的元素中删除一个属性
prop(n|p|k,v|f) $("input[type='checkbox']").prop("checked"); $("input[type='checkbox']").prop({disabled: true}); $("input[type='checkbox']").prop("disabled", true);
$("input[type='checkbox']").prop("checked", function( i, val ) {return !val;}); 获取在匹配的元素集中的第一个元素的属性值
removeProp(name) $para.removeProp("luggageCode"); 用来删除由.prop()方法设置的属性集
2.CSS类 名称 用法 描述
addClass(class|fn) $("p").addClass("selected"); $('ul li:last').addClass(function() {return 'item-' + $(this).index();}); 为每个匹配的元素添加指定的类名
removeClass([class|fn])
$("p").removeClass("selected");
$("p").removeClass(); $('li:last').removeClass(function() {return $(this).prev().attr('class');}); 从所有匹配的元素中删除全部或者指定的类toggleClass(class|fn[,sw]) $("p").toggleClass("selected"); 如果存在（不存在）就删除（添加）一个类
3.HTML代码/文本/值 名称 用法 描述
html([val|fn]) $('p').html(); $("p").html("Hello <b>world</b>!"); 取得第一个匹配元素的html内容
text([val|fn])
$('p').text();
$("p").text("Hello world!"); 取得所有匹配元素的内容val([val|fn|arr]) $("input").val(); 获得匹配元素的当前值
三.CSS 1.CSS 名称 用法 描述
css(name|pro|[,val|fn]) $("p").css("color"); $("p").css({ "color": "#ff0011", "background": "blue" });
$("p").css("color","red"); 访问匹配元素的样式属性
jQuery.cssHooks
2.位置 名称 用法 描述
offset([coordinates]) var offset = p.offset(); $("p:last").offset({ top: 10, left: 30 }); 获取匹配元素在当前视口的相对偏移
position() var position = p.position(); 获取匹配元素相对父元素的偏移
scrollTop([val])
$("div").scrollTop();
$("div.demo").scrollTop(300); 获取匹配元素相对滚动条顶部的偏移scrollLeft([val]) $("p:first").scrollLeft() $("div.demo").scrollLeft(300); 获取匹配元素相对滚动条左侧的偏移
3.尺寸 名称 用法 描述
height([val|fn]) $("p").height(); $("p").height(20); 取得匹配元素当前计算的高度值（px）
width([val|fn])
$("p").width();
$("p").width(20); 取得第一个匹配元素当前计算的宽度值（px）innerHeight() $("p:first").innerHeight() 获取第一个匹配元素内部区域高度（包括补白、不包括边框）
innerWidth() $("p:first").innerWidth() 获取第一个匹配元素内部区域宽度（包括补白、不包括边框）
outerHeight([options]) $("p:first").outerHeight() 获取第一个匹配元素外部高度（默认包括补白和边框）
outerWidth([options]) $("p:first").outerWidth() 获取第一个匹配元素外部宽度（默认包括补白和边框）