1、attr(name|properties|key,value|fn) ?設置或返回被選元素的屬性值。

<div class="attr">設置或返回被選元素的屬性值。</div><script>$(".attr").html($(".attr").html()+$(".attr").attr("class"));</script>

2、removeAttr(name) ?從每一個匹配的元素中刪除一個屬性

<div class="removeAttr" id="abc">從每一個匹配的元素中刪除一個屬性</div><script>$(".removeAttr").click(function(){$(this).removeAttr("id");})</script>

3、prop(name|properties|key,value|fn) 獲取在匹配的元素集中的第一個元素的屬性值。

$("input[type='checkbox']").prop("checked");

?

4、removeProp(name) 用來刪除由.prop()方法設置的屬性集

$(".p01").removeProp("disabled");

?

5、addClass(class|fn) 為每個匹配的元素添加指定的類名。

$("option").addClass("selected");

?

6、removeClass([class|fn]) 從所有匹配的元素中刪除全部或者指定的類。

$("option").removeClass("selected");

?

7、toggleClass(class|fn[,sw]) ?如果存在（不存在）就刪除（添加）一個類。

$("option").toggleClass("selected");

?

8、html([val|fn]) 取得第一個匹配元素的html內容。這個函數不能用于XML文檔。但可以用于XHTML文檔。

$('p').html();獲取內容

?

9、text([val|fn]) 取得所有匹配元素的內容。

$('p').text();

?

10、val([val|fn|arr]) ?獲得匹配元素的當前值。

$("input").val();一般都是用來獲取表單元素的

?

11、css(name|pro|[,val|fn]) ?訪問匹配元素的樣式屬性。

$("p").css({ "color": "#ff0011", "background": "blue" });

?

12、jQuery.cssHooks 直接向 jQuery 中添加鉤子，用于覆蓋設置或獲取特定 CSS 屬性時的方法，目的是為了標準化 CSS 屬性名或創建自定義屬性。

(function($) {// first, check to see if cssHooks are supportedif ( !$.cssHooks ) {// if not, output an error messagethrow("jQuery 1.4.3 or above is required for this plugin to work");return;}$.cssHooks["someCSSProp"] = {get: function( elem, computed, extra ) {// handle getting the CSS property}, set: function( elem, value ) {// handle setting the CSS value }};})(jQuery); 目的是為了一些前綴的標準統一化，讓設置css時可以直接使用不加前綴就可以兼容。

?

13、offset([coordinates]) 獲取匹配元素在當前視口的相對偏移。

返回的對象包含兩個整型屬性：top 和 left，以像素計。此方法只對可見元素有效。

var p = $("p:last"); var offset = p.offset(); p.html( "left: " + offset.left + ", top: " + offset.top );

?

14、position() ?獲取匹配元素相對父元素的偏移。

var p = $("p:first"); var position = p.position(); $("p:last").html( "left: " + position.left + ", top: " + position.top );

?

15、scrollTop([val]) 獲取匹配元素相對滾動條頂部的偏移。

var p = $("p:first"); $("p:last").text( "scrollTop:" + p.scrollTop() );

?

16、scrollLeft([val]) 獲取匹配元素相對滾動條左側的偏移。

var p = $("p:first"); $("p:last").text( "scrollLeft:" + p.scrollLeft() );

?

17、height([val|fn]) 取得匹配元素當前計算的高度值（px）。

$("button").click(function(){$("p").height(function(n,c){return c+10;});});返回用于設置高度的一個函數。接收元素的索引位置和元素舊的高度值作為參數。

?

18、width([val|fn]) 取得第一個匹配元素當前計算的寬度值（px）。

$("p").width();

?

19、innerHeight() 獲取第一個匹配元素內部區域高度（包括補白、不包括邊框）。

$(".p01").innerHeight();

?

20、innerWidth() 獲取第一個匹配元素內部區域寬度（包括補白、不包括邊框）。

$(".p01").innerWidth();

?

21、outerHeight([options]) 獲取第一個匹配元素外部高度（默認包括補白和邊框）。

$(".p01").outHeight();

?

22、outerWidth([options]) 獲取第一個匹配元素外部寬度（默認包括補白和邊框）。

$(".p01").outWidth();它們都可以傳個true，把外邊距計算在內

?

轉載于:https://www.cnblogs.com/zhangzhicheng/p/5907003.html

與50位技術專家面對面20年技術見證，附贈技術全景圖

總結

以上是生活随笔為你收集整理的JQ属性和css部分测试的全部內容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網站內容還不錯，歡迎將生活随笔推薦給好友。