JQ属性和css部分测试
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部分测试的全部內容,希望文章能夠幫你解決所遇到的問題。
- 上一篇: 贪心算法之取手套问题(牛客)
- 下一篇: pip install 出现报ascii