轉,jquery中attr和prop的區別

https://www.cnblogs.com/Showshare/p/different-between-attr-and-prop.html

?

?

像checkbox,radio和select這樣的元素,選中屬性對應“checked”和“selected”,這些也屬于固有屬性,因此需要使用prop方法去操作才能獲得正確的結果。

$("#chk1").prop("checked") == false
$("#chk2").prop("checked") == true

如果上面使用attr方法,則會出現:

$("#chk1").attr("checked") == undefined
$("#chk2").attr("checked") == "checked"

?

區別

  • 對于HTML元素本身就帶有的固有屬性,在處理時,使用prop方法。
  • 對于HTML元素我們自己自定義的DOM屬性,在處理時,使用attr方法。

轉載于:https://www.cnblogs.com/ijunxiong/articles/7910830.html

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

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

相關文章

前端知識總結(二)

33、閉包 閉包的概念 上一節代碼中的f2函數,就是閉包。 各種專業文獻上的"閉包"(closure)定義非常抽象,很難看懂。我的理解是,閉包就是能夠讀取其他函數內部變量的函數。 由于在Javascript語言中&#x…

javascript --- 實現Ajax的代碼

直接上代碼,(前幾天項目出差部署去叻) const ajax function (options {}) {option.type (options.type || GET).toUpperCase();let data [];for(let i in options.data) {data.push(encodeURIComponent(i) encodeURIComponent (options.data[i]));}data data.join(&am…

[Spark]-RDD詳解之變量操作

RDD的操作 1.1 概述 RDD整體包含兩大類操作 transformation 從現有中創建一個新的數據集 action 在對數據集做一定程度的計算后將結果返回 對于所有的transformation,都是Lazy的,也就是說它不會立即執行,只是單純的記住怎么樣從原來的數據集進行轉換的邏輯而已,它僅在某一個計算…

前端知識總結(三)

51、啟動GNU加速 硬件加速的工作原理 瀏覽器接收到一個頁面之后,將html解析成DOM樹,瀏覽器解析渲染「html」的過程 按著一定的規則執行,DOM樹和CSS樹結合后構成瀏覽器形成頁面的 渲染樹 ; 渲染樹中包含大量的渲染元素,每一個元素…

為阿里云服務器ECS實例安裝Nodejs

為阿里云服務器ECS實例安裝Nodejs部署Node.js項目(CentOS)準備工作操作步驟步驟1:部署Node.js環境(使用二進制文件安裝)步驟2:部署測試項目部署Node.js項目(CentOS) 本文檔介紹如何…

JavaScrpt --- es5實現ES6的Number擴展(部分)

ES6對數值對象Number進行了擴展, // ES實現Number.isFinite() (function (global) {var global_isFinite global.isFinite;Object.defineProperty(Number, isFinite, {value: function isFinite(value) {return typeof value number && global_isFinite(value);},co…

webstorm激活+漢化教程

1.安裝教程激活 輸入的激活網址: http://idea.imsxm.com/ 2.漢化教程 軟件適用于:webstorm2017.2以及以上,如有需要可直接加本人QQ 1940694428。 轉載于:https://www.cnblogs.com/cisum/p/7919712.html

如何從零開始,成為element-plus的contributor

序言 提到element-ui,我想很多前端er應該都不陌生,而element-ui也是我第二個使用的前端UI庫,第一個是bootstrap(笑)。我是在去年初學vue的時候開始接觸elemment-ui的,到現在也快一年了,中間經歷…

將Vue+Nodejs項目部署到阿里云服務器

上傳文件至云服務器 一、打包文件 在項目根目錄下運行 npm run build等待命令運行結束后,會發現目錄下多了 dist 文件夾,這個文件夾就是我們等下要放到服務器中的。 二、文件傳輸 打開 Xftp與實例建立連接云服務器Apache默認的根目錄是/var/www/htm…

javascript --- 函數的優化(尾調用優化)

從一個熟悉的Fibonacci數列的實現開始: function Fibonacci (n) {if ( n < 1) { return 1};return Fibonacci(n -1) Fibonacci(n-2); }以上代碼很簡單… 但執行以下代碼 console.log(Fibonacci(100));會發現編譯工具,卡住不動. 原因在于:遞歸調用(函數調用自身),每次都會…

第5課 - 線性表的本質

第5課 - 線性表的本質 數據結構是為了解決生活中的實際問題而存在的&#xff0c;那生活中與線性表相對應的例子有什么呢&#xff1f; 幼兒園中就有一個例子&#xff0c;在老師安排小朋友活動時&#xff0c;會將小朋友組織成下面的站隊形式&#xff0c;這個就是線性表。 1. 線性…

Django--網頁管理實例解析

此篇為代碼流程的注釋以及自己寫的小項目的思路&#xff1a; 首先是項目的路由配置&#xff1a; 1 urlpatterns [2 # url(r^admin/, admin.site.urls),3 url(r^yemian/,yemian),4 url(r^zuoye/,zuoye),5 url(r^class/,views.class_list),6 url(r^class_ad…

阿里云ecs實例中創建數據庫

阿里云ecs實例中創建數據庫安裝mysql創建數據庫1.登錄2.新建數據庫3.執行.sql文件4.查詢表&#xff0c;驗證是否創建成功4.退出數據庫安裝mysql 參考https://blog.csdn.net/qq_36350532/article/details/79496049 創建數據庫 1.登錄 mysql -u root -p&#xff08;這里寫密碼…

javascript --- 尾遞歸優化的實現

考慮一個正常的遞歸函數 function sum(x, y) {if (y > 0) {return sum (x 1, y - 1);} else {return x;} } sum(1, 100000000);超出調用棧的最大次數… 下面使用尾遞歸優化實現: function tco(f) {var value ;var active false;var accumulated [];return function acc…

《對不隊》團隊項目用戶驗收評審

任務1&#xff1a;團隊作業Beta沖刺 Beta沖刺第一天&#xff1a;https://www.cnblogs.com/bingoF6/p/9221744.htmlBeta沖刺第二天&#xff1a;https://www.cnblogs.com/bingoF6/p/9226305.htmlBeta沖刺第三天&#xff1a;https://www.cnblogs.com/bingoF6/p/9230815.htmlBeta沖…

部署項目的問題(一)—— vue工程打包上線樣式錯亂問題

1、 打開index.html一片空白 參考&#xff1a;鏈接: link. 修改build對象里的assetsPublicPath為’./’ assetsPublicPath: ./2、ElementUI樣式丟失 參考&#xff1a;鏈接: link. 這里嘗試完前三種&#xff1a; 1.main.js樣式引入順序問題 調整了import的順序&#xff08;…

遲遲發布的軟工實踐兩月感想

第七周&#xff0c;第八周了。 寫幾點反省。 嚴謹。工作的時候&#xff0c;說話行文風格要注意&#xff0c;因為這影響溝通的質量&#xff0c;影響別人對你的評價。會間接影響對方的響應&#xff0c;影響合作。學會主動承擔責任&#xff0c;做受關注的那個人。主動鍛煉自己。開…

構建SpringBoot第一個Demo

使用官方地址生成項目 https://start.spring.io Generate&#xff1a;可以選擇Maven或者Gradle構建項目 語言&#xff1a;我想一般都是Java 接下來選擇SpringBoot的版本&#xff0c;目前比較穩定的1.5.10 GroupID&#xff1a;自定義 Artifact&#xff1a;自定義 Dependencies&…

部署項目的問題(二)—— 阿里云服務器 ECS升級node版本

在運行服務端代碼時報錯&#xff0c;當時報錯的代碼沒copy下來&#xff0c;大概就是如下形式 mbp:hybrid-statistic wfp$ node app.js /Users/wfp/Work/hybrid-statistic/app.js:28 async function responseTime(ctx, next) {^^^^^^^^ SyntaxError: Unexpected token function…

javascript --- Object.assign()淺復制解決方法

Object.assign()是淺復制(即:只復制對象得引用而,而不是新實例).它無法正確復制get屬性和set屬性. 看下面得例子: // 定義一個source對象,含set方法 const source {set foo(value) {console.log(value);} };// 使用Object.assign進行賦值 const target1 {}; Object.assign(t…