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

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

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

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

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

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

?

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

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

?

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

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

?

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

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

?

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

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

?

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

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

?

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

$('p').text();

?

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

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

?

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

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

?

12、jQuery.cssHooks 直接向 jQuery 中添加鉤子，用于覆蓋設(shè)置或獲取特定 CSS 屬性時(shí)的方法，目的是為了標(biāo)準(zhǔn)化 CSS 屬性名或創(chuàng)建自定義屬性。

(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); 目的是為了一些前綴的標(biāo)準(zhǔn)統(tǒng)一化，讓設(shè)置css時(shí)可以直接使用不加前綴就可以兼容。

?

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

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

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

?

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

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

?

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

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

?

16、scrollLeft([val]) 獲取匹配元素相對(duì)滾動(dòng)條左側(cè)的偏移。

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

?

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

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

?

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

$("p").width();

?

19、innerHeight() 獲取第一個(gè)匹配元素內(nèi)部區(qū)域高度（包括補(bǔ)白、不包括邊框）。

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

?

20、innerWidth() 獲取第一個(gè)匹配元素內(nèi)部區(qū)域?qū)挾?#xff08;包括補(bǔ)白、不包括邊框）。

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

?

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

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

?

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

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

?

轉(zhuǎn)載于:https://www.cnblogs.com/zhangzhicheng/p/5907003.html

與50位技術(shù)專家面對(duì)面20年技術(shù)見證，附贈(zèng)技術(shù)全景圖

總結(jié)

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

如果覺得生活随笔網(wǎng)站內(nèi)容還不錯(cuò)，歡迎將生活随笔推薦給好友。