button設置disabled屬性不生效_jQuery屬性節點

74c484f10159de97f4c985ddfff930ab.png

發現了很好玩的表情可以插入嘻嘻嘻嘻嘻嘻嘻

1.attr屬性操作

在jQuery中,可以通過attr()方法操作屬性,可以是固有屬性,也可以是自定義屬性。

1.1 設置屬性值

// 設置單個屬性
$("div").attr("title", "我是一個div");
// 設置多個屬性
$("img").attr({"src" : "img/11.jpg","alt" : "我是一張風景圖片"
});

1.2 獲取屬性值

// 獲取alt屬性值
console.log($("img").attr("src"));
// 獲取title屬性值
console.log($("div").attr("title"));

1.3 刪除屬性

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

// 刪除alt屬性值
$("img").removeAttr("alt");
// 刪除title屬性值
$("div").removeAttr("title");

2. prop表單屬性操作

在jQuery中,通過prop()方法操作屬性,只能操作固有屬性,特別用于:checked、disabled、selected等表單屬性。

注意:checked、disabled、selected等表單屬性只能通過prop()方法來操作。

2.1 設置屬性值

// 設置單選框為選中狀態
$("input:radio").prop("checked", true);// 設置多選框為未選中狀態
$("input:checkbox").prop("checked", false);

2.2 獲取屬性值

// 獲取下拉列表option的選中狀態
var flag1 = $("select > option").prop("selected");
// 獲取單選框的選中狀態
var flag2 = $("input:radio").prop("checked");

3. class屬性操作

3.1 添加class屬性

addClass() 為每個匹配的元素添加指定的類名,如需添加多個類,請使用空格分隔類名。

該方法不會移除已存在的 class 屬性,僅僅添加一個或多個 class 屬性。

// 添加一個class
$("div").addClass("box1");
// 添加多個class
$("div").addClass("box2 box3");

在項目開發中,我們可以通過jQuery的方式來給元素添加class,從而實現給元素添加CSS樣式(比通過jQuery添加CSS樣式效率更高)。

3.2 移除class屬性

removeClass() 方法從被選元素移除一個或多個類。

如果沒有規定參數,則該方法將從被選元素中刪除所有類。

// 移除一個class
$("div").removeClass("box1");
// 移除多個class
$("div").removeClass("box1 box2");// 移除全部class
$("div").removeClass();

3.3 判斷是否某個class屬性

hasClass()可以用來判斷元素中是否含有某個class。如果有,則返回true,否則返回false。

// 判斷div中是否包含值為box的class
if($("div").hasClass("box")) {// 如果存在,則移除這個class$("div").removeClass("box");
}

3.4 切換class屬性

toggleClass() 對設置或移除被選元素的一個或多個類進行切換。

該方法檢查每個元素中指定的類。如果不存在則添加類,如果已設置則刪除之。這就是所謂的切換效果。

// 切換一個class
$("div").toggleClass("box");
// 切換多個class
$("div").toggleClass("box1 box2");

本文來自互聯網用戶投稿,該文觀點僅代表作者本人,不代表本站立場。本站僅提供信息存儲空間服務,不擁有所有權,不承擔相關法律責任。
如若轉載,請注明出處:http://www.pswp.cn/news/534661.shtml
繁體地址,請注明出處:http://hk.pswp.cn/news/534661.shtml
英文地址,請注明出處:http://en.pswp.cn/news/534661.shtml

如若內容造成侵權/違法違規/事實不符,請聯系多彩編程網進行投訴反饋email:809451989@qq.com,一經查實,立即刪除!

相關文章

server_u文件服務器已停止,Serv-U停止服務怎么解決

近期很多朋友在使用Serv-U來架設FTP服務器時候,總會出現自動停止服務的現象,一旦停止就不能保證工作的正常運作,那么Serv-U停止服務怎么解決,下面跟隨愛站技術頻道小編來看看吧!因為這個ftp服務很重要,要保…

如何知道電腦服務器操作系統,電腦如何查看服務器操作系統

電腦如何查看服務器操作系統 內容精選換一換北京時間1月3日,Intel處理器芯片被曝出存在嚴重的Meltdown和Spectre安全漏洞,漏洞詳情如下:漏洞名稱:Intel處理器存在嚴重芯片級漏洞漏洞編號:CVE-2017-5753、CVE-2017-5715…

哈哈機器人送到冰雪小鎮_從小鎮到上海:兩代人的接力洄游 | 活動回顧

10月24日,在上海思南公館,作家路明圍繞著自己的新書《出小鎮記》,和蘇更生、景蠻蠻一起,向現場觀眾講述了小鎮和上海的故事。路明:我媽媽是69屆的初中生,他們69屆那些人走的時候,69屆是一片紅&a…

云服務器php版本修改,云服務器 更改php版本

云服務器 更改php版本 內容精選換一換本節操作介紹在管理控制臺創建啟動模板的操作步驟。每個賬號在每個區域最多可創建30個啟動模板。創建啟動模板時,所有配置項均為可選。但如果缺失了創建實例的必要參數,例如規格、鏡像類型,那么在使用該模…

opencv獲得圖片的像素寬度_使用OpenCV實現攝像頭測距

原文鏈接:Find distance from camera to object using Python and OpenCV?www.pyimagesearch.com攝像頭測距就是計算照片中的目標物體到相機的距離。可以使用相似三角形(triangle similarity)方法實現,或者使用更復雜但更準確的相…

ios下js復制到粘貼板_EXCEL被你忽視的粘貼板-11

這一節我們來聊聊粘貼板的用途,什么?你居然沒用過粘貼板?平時只是ctrlc,然后ctrlv,好吧,那我們看看粘貼板到底能干些啥。1、提取區域內的內容有時我們選擇一塊區域發給同事,但當他需要編輯時發現居然是圖片…

機器人 林州重機_林州重機募資11億布局油氣和機器人項目

OFweek工控網訊:林州重機7月31日晚間公布非公開發行股票預案,公司計劃向包括公司控股股東郭現生、股東、原董事宋全啟在內的不超過10名的特定對象非公開發行股票數量為不超過15000萬股,發行價格不低于7.42元/股,募集資金總額不超過…

ros構建機器人運動學模型_ROS入門學習之八機器人綜合應用

1.ROS機器人實例介紹(PR2,Turtlebot,HRMRP,Kungfu Arm)1).PR2:造就了ROS的機器人平臺,完全基于ROS開發,功能豐富、強大2).Turtlebot:ROS社區中最流行的高性價比機器人平臺,前后工發布三代3).Universal Robot:工業領域的協作機器人定義者4).HR…

微人事項目實戰的數據庫腳本_EMP微前端實戰之cocos2d線上項目

團隊原文:efoxTeam/emp?github.com一.背景目前cocos2d游戲最主要的開發方式是通過官方提供的GUI圖形界面工具——creator,通過 creator 開發者無需關注構建本身,只需通過界面操作即可對游戲代碼進行構建打包。但是這樣也存在著以下幾個問題&…

線粒體和葉綠體的基因組特點_如何組裝植物葉綠體基因組

可能出現的問題:*個人電腦上遇到不能collect memery的情況,是電腦內存較少,建議分成用2G左右的數據進行組裝。* Seed.fasta #用于起始組裝的種子序列,NOVOPlasty安裝軟件目錄下有這個文件,就叫這個名字,作者…

f3arra1n3.4.1版本_Sysmon v11.1新版本功能測試報告

一、概述根據微軟文檔的介紹,Sysmon v11新增了監控文件刪除的功能,并支持對刪除的文件進行存儲備份,極大提高了主機威脅檢測的能力。同時增加禁用反向DNS查詢的功能,可以有效降低噪音數據。Sysmon從v10.0到目前的v11.1共經歷了5個…

maya導出fbx沒動畫_Maya學習方法總結

關注我,一起來了解建模吧!今天小編就來總結一下Maya學習過程中遇到的困難和解決方法,我相信有一些應該也是普遍性問題,注意:小編說的版本是Maya2018。(1)一次性刪除所有幀的方法import的文件如果…

dev 中 gridcontrol1 滾動條重繪_瀏覽器的重繪和回流(Repaint amp; Reflow)

參考文獻:https://developers.google.com/web/fundamentals/performance/critical-rendering-path/render-tree-construction?hlzh-cn?developers.google.com你真的了解回流和重繪嗎 Issue #4 chenjigeng/blog?github.com前言:重繪:由于…

礦井通風計算c語言_礦井通風機主要參數的含義

礦井通風機的作用就是把地面新鮮空氣送到井下,供工人呼吸,同時把有害氣體從井下排出,使有害氣體的濃度降到對人體無害的程度,在現代化煤礦中稱通風機為“礦井的肺臟”,可見其重要性。風機的參數是風機選型的唯一依據&a…

行健設計_行健要聞|“第四屆‘天行健創新創業設計大賽”培訓班成功舉辦

10月9日下午,由院團委主辦、商學部承辦第四屆“天行健”創新創業設計大賽動員大會暨首場培訓講座在教學樓4-103室成功啟動。院團委副書記唐典巧參加動員會,并頒發了第九屆“挑戰杯”廣西大學生課外學術科技作品競賽榮譽證書,動員會由商學部輔…

sql同時操作兩列_怎么在兩列同時篩選數據庫

{"moduleinfo":{"card_count":[{"count_phone":1,"count":1}],"search_count":[{"count_phone":4,"count":4}]},"card":[{"des":"阿里云數據庫專家保駕護航,為用戶…

ip地址轉換pta題目_PTA「實驗2-3-5 輸出華氏-攝氏溫度轉換表」

PTA是浙江大學設計類實驗輔助教學平臺。題目描述輸入2個正整數lower和upper(lower≤upper≤100),請輸出一張取值范圍為[lower,upper]、且每次增加2華氏度的華氏-攝氏溫度轉換表。溫度轉換的計算公式:C5(F?32)/9&#…

語言爬蟲字段為空_我為什么建議前端將Python 作為第二語言?

前言本文的文字及圖片來源于網絡,僅供學習、交流使用,不具有任何商業用途,版權歸原作者所有,如有問題請及時聯系我們以作處理。作者: 前端勸退師PS:如有需要Python學習資料的小伙伴可以加點擊下方鏈接自行獲取http://note.youdao.com/noteshare?id3054c…

5 獲取當前訪問的控制名稱_LabVIEW編程技巧:網絡通信中如何獲取計算機名稱、IP地址等信息...

問題引出在網絡通訊編程中,經常需要獲取當前主機的名稱、IP地址等信息,在LabVIEW中如何獲取這些信息呢?下面以本機為例進行說明,先看一下本機的信息。在Windows系統中打開控制臺程序,輸入“ipconfig /all”指令&#x…

ios 通過kvc修改屬性會觸發kvo_iOS開發-KVC和KVO的理解

KVC和KVO看起來很專業,其實用起來還是比較簡單的,KVC(Key-value coding)可以理解為鍵值對編碼,如果對象的基本類型,那么鍵值對編碼實際上和get,set方法沒有區別,如果是屬性是另外一個對象,那么發現KVC用起來…