關于input設值（value屬性）原生JS以及JQuery的方法比較

wow_worktile 發布于2019-08-23 16:21 / 2862人閱讀

摘要：原生屬性值該方法不會出現瀏覽器兼容問題，能解決瀏覽器下的屬性值無法手動更換的問題。能同時改變屬性和域的值方式屬性值瀏覽器下失效，能同時改變值和域的值屬性值該方法在火狐及瀏覽器下失效，且無法改變的屬性，只能改變域的值

1:原生JS
document.getElementById("inputId").value = "value屬性值"
該方法不會出現瀏覽器兼容問題，能解決IE瀏覽器下JQuery的inputvalue屬性值無法手動更換的問題。能同時改變value屬性和input域的值

2:JQuery方式

2-1:$("#inputId").attr("value","value屬性值")
IE瀏覽器下失效，能同時改變value值和input域的值

2-2：$("#inputId").val("value屬性值")
該方法在火狐及IE瀏覽器下失效，且無法改變input的value屬性，只能改變input域的值

文章版權歸作者所有，未經允許請勿轉載,若此文章存在違規行為，您可以聯系管理員刪除。

轉載請注明本文地址：http://specialneedsforspecialkids.com/yun/102934.html

關于JS的一些小筆記

摘要：，關于原生的以及十分類似于，表單提交時，如果元素沒有屬性，則該元素不會被提交。，的一些動畫效果。除了我們常見的還有三個參數依次為需要改變的效果完成這些效果需要的時間動畫完成后調用的函數。 1,反引號可以轉行輸出showImg(https://segmentfault.com/img/bVbr3eE?w=268&h=138); ${var_name}串聯字符 var name = 小明;...

figofuture 2019-08-23 18:06 評論0 收藏0
如何優雅的設計 React 組件

摘要：盡管現在的已不再那么流行，但的設計思想還是非常值得致敬和學習的，特別是的插件化。那么，如何解決我們回顧下的生命周期，父組件傳遞到子組件的的更新數據可以在中獲取。當然，如何設計取決于你自己的項目，正所謂沒有最好的，作者：曉冬本文原創，轉載請注明作者及出處如今的 Web 前端已被 React、Vue 和 Angular 三分天下，一統江山十幾年的 jQuery 顯然已經很難滿足現在的開...

Anchorer 2019-08-21 17:32 評論0 收藏0
jQuery(一)

摘要：又拍云提供同樣版本也不同步了七牛云提供同樣版本穩定在谷歌因為某些緣故，無法使用總結唯一一個能用的只有了。查詢與查詢結果返回值為一個對象，對象為類數組。 jqueryjquery為一種庫，屬于最基礎的一個庫，伴隨著h5的到來，很多jquery的規則直接融入到了規則本身了，直接使用原生的js也能達到相同的目的。雖然如此，不過依舊要繼續。 jquery介紹官網：https://jquery...

freewolf 2019-08-26 12:15 評論0 收藏0
React源碼解析之React.createElement()和ReactElement()

摘要：一語法轉換到語法從轉換到會用到，所以先熟悉下到的轉換。對于庫作者而言，凍結對象可防止有人修改庫的核心對象。 showImg(https://segmentfault.com/img/remote/1460000019757204); 一、JSX語法轉換到Js語法從 JSX 轉換到 JS 會用到React.createElement()，所以先熟悉下 JSX 到 JS 的轉換。這邊是 ...

BlackMass 2019-08-23 18:39 評論0 收藏0
ES規范解讀之賦值操作符&屬性訪問器

摘要：那么什么是基礎對象組件呢，舉兩個例子我們再來看看屬性訪問器，就是括號操作符及點號操作符都做了什么屬性訪問器也就是說括號跟點號對解釋器而言是一樣的。 ES規范解讀之賦值操作符&屬性訪問器原文:https://github.com/kuitos/kuitos.github.io/issues/24事情起源于某天某妹子同事在看angular文檔中關于Scope的說明Understandin...

funnyZhang 2019-08-21 10:41 評論0 收藏0