jQueryは要素の属性値を取得または設定します

jQueryは要素の属性値を取得または設定します

  1. 要素の属性値を取得する
  • 固有のプロパティ($( 'div).prop(' color '))
  • カスタム属性($( 'div).attr(' index '))
    //html代码
    <a href="www.baidu.com" title="百度">百度</a>
    <input type="checkbox" checked='checked'>
    <div index="1"></div>
	//jQuery代码(记得引入jQuery文件)
	console.log($('a').prop('href'));//www.baidu.com
	console.log($('a').prop(''title));//百度
  • カスタム属性
		//jQuery代码(记得引入jQuery文件)
	console.log($('div').attr('index'));//1
  1. 要素の属性値を設定します
//jQuery代码(记得引入jQuery文件)
$('a').prop('href','http://www.jidong.com');//将a标签的href属性改为www.jidong.com
$('input').prop('type',"submit');//将单选按钮改为提交框
//jQuery代码(记得引入jQuery文件)
$('div'.attr('index',2));//将自定义属性index的值改为2

おすすめ

転載: blog.csdn.net/Angela_Connie/article/details/110707443