jquery设置属性

2024-09-13 20:30:13

导读： jQuery设置属性和数据 1. attr 设置标签属性。// 失掉jQuery对象中第一个元素的abc标签属性值 console . log ( $ ( "div" ) . attr ( "abc" ) ) ; // 设置一切ab......

jQuery 设置 属性 和数据

1. attr 设置标签属性。// 失掉jQuery对象中第一个元素的abc标签属性值console . log ( $ ( "div" ) . attr ( "abc" ) ) ; // 设置一切abc属性都是1 $ ( "div" ) . attr ( "abc" , "1" ) ; // 设置jQuery对象列表中每个元素abc属性区分是不同的值 $ ( "div" ) . attr ( "abc" , function ( index , item ) { return "属性" + index ; } ) // 设置jQuery对象列表中每个元素可以有不同属性，可以有不同的属性值 $ ( "div" ) . attr ( {a : "1" ,b : function ( index , item ) { returnindex + 1 ; } ,c : function ( index , item ) { return "abc" + index ; } ,d : function ( index ) { if ( index === 0 ) return null ; returnindex ; } } ) // 设置jQuery对象列表中每个参与checked属性和属性值 $ ( "input" ) . attr ( "checked" , "checked" ) ; // 能否被选中并不是由checked标签属性来选择，是由DOM属性选择 varbool = false ; $ ( "button" ) . on ( "click" , function ( ) {bool = !

2. prop 设置DOM对象属性。DOM对象属性 标签属性id === DOM 对象属性id 标签属性 class === DOM 对象属性className// abc属性是标签属性，这个标签属性是自定义的，因此DOM对象属性不能失掉console . log ( $ ( "div" ) . prop ( "abc" ) ) ; // 失掉DOM对象属性中的id，失掉的是列表中第一个元素DOM对象属性idconsole . log ( $ ( "div" ) . prop ( "id" ) ) ; // 失掉DOM对象属性中的className，失掉的是列表中第一个元素DOM对象属性classNameconsole . log ( $ ( "div" ) . prop ( "className" ) ) ;console . log ( $ ( "div" ) . className ) ; // jQuery对象没有这个属性 // 给DOM对象属性参与属性值 // $("div").prop("className","divs"); // 给列表对象自定义削减属性，标签属性下面并没有参与上，然而可以失掉到 $ ( "div" ) . prop ( "soft" , "a1" ) ;console . log ( $ ( "div" ) . prop ( "soft" ) ) ; // 给DOM对象属性参与不同的属性值 $ ( "div" ) . prop ( "abcde" , function ( index ) { returnindex ; } ) // 失掉DOM对象属性列表中第一个元素的console . log ( $ ( "div" ) . prop ( "abcde" ) ) ; // 失掉列表对象中指定下标元素console . log ( $ ( "div" ) . eq ( 3 ) . prop ( "abcde" ) ) ; // 给DOM对象属性参与属性和属性值 $ ( "div" ) . prop ( {a :

3. src="/upload/image/article/20230603/133d1134798017b6b006bfbbc235006c.jpeg">