JQuery屬性獲取

2021-08-28 13:24:43 字數 1846 閱讀 4610

操作物件標籤

web

原生js屬性獲取

var div = document.getelementbyid(「first」);

獲取第乙個標籤的id

var divid = div.id;
給id重新賦值

div.id = "four"
通過getattributr方法獲取屬性值

var divid = div.getattribute("id")
通過getattributr方法設定id屬性

div.setattribute("id","first")
通過classname方法獲取class值

var myclass = div.classname;
給div新增class值,這個方法會替換掉原來的class值

div.classname = "border"
獲取div的class值,但是獲取的是乙個陣列列表型別的class

var classlist = div.classlist
給div設定乙個class值,但是會替換原來類名

div.classlist = "green"
給div新增乙個類名,不會替換原來的class值

div.classlist.add("border")
移除乙個類名

div.classlist.remove("border")
判斷class值是否存在,有則刪除,無則新增

div.classlist.toggle("border")
查詢dataset集合屬性值

var age= div.dataset.age
設定data屬性

div.dataset.age = "30"
jq方法獲取屬性值

獲取屬性 獲取的是所有同型別標籤中的某乙個的屬性

var myid = $("div").attr("id")
設定屬性 設定的是所有同型別標籤的屬性

$("div").attr("id","newid")
新增乙個class屬性值

$("div").addclass("red")
移除乙個class屬性值

$("div").removeclass("red")
判斷class值是否存在,有則刪除,無則新增

$("div").toggleclass("red")
attribute 屬性 用來設定和獲取所有值不為布林型別的屬性

var isselect = $("input").attr("checked")
檢視單選框是否被選中

property 屬性 用來設定和獲取值布林型別的屬性

var isselect = $("input").prop("checked")
鏈式呼叫

$("div").css("background-color","orange").css("margin-left","0").css()

jquery獲取html屬性值

jquery獲取html標籤自定義屬性值或data值 獲取屬性值 1 id text value 帥帥的男神 jquery取值 text attr value 獲取自定義屬性值 2 id text value 123 data obj 帥帥的男神 jquery取值 text attr data ob...

jquery 獲取data 屬性值

html5規定可以為元素新增非標準型的屬性,只需新增字首data 這些屬性可以隨意新增,隨意命名,目的是為元素提供與渲染無關的資訊,或提供語義資訊。getid data id 122 data vice id 11 獲取id const getid document.getelementbyid g...

jquery獲取標籤和屬性

id parent find div 返回某標籤的父標籤下類名為div id nextsiblingnextsibling 屬性返回元素節點之後的兄弟節點 包括文字節點 注釋節點 id nextelementsiblingnextelementsibling 屬性只返回元素節點之後的兄弟元素節點 不...