jquery的html,val,text,attr步骤学习
日期：2014-05-17 浏览次数：20720 次
jquery的html,val,text,attr方法学习
jquery的html,val,text,attr平时使用很多，用户设置内容使用。现在学习一下使用方法。
先贴上一段Html代码
总结
方法html,val,text用法相似，不带参数是取值，带参数是设值。
jquery很强大。
jquery的html,val,text,attr平时使用很多，用户设置内容使用。现在学习一下使用方法。
先贴上一段Html代码
<body>
<form id="form1" action="#">
<select id="select1" name="test" multiple="multiple" style="height:100px">
<option>浙江</option>
<option selected="selected">湖南</option>
<option>北京</option>
<option selected="selected">天津</option>
<option>广州</option>
<option>湖北</option>
</select>
<br/>
<input type="checkbox" name="newsletter" checked="true" value="test1" />test1</input>
<input id="input1" name="name" type="text" value="dd" ></inut>
</form>
<div id="div1">
<input id="input1" name="name" type="text" value="dd" >Pl</inut>
<p><b>Hello</b> fine</p>
</div>
</body>
1、html方法，类似于javascript众的InnerHtml属性，可以用来读取或者设置某个元素中的HTML内容。有两种用法，不带参数的，它表示提取里面的html代码，带参数的表示设置其html代码，传的是string或返回string的函数。
例:
$('#div1').html() 返回：<input id="input1" name="name" type="text" value="dd" >Pl</inut>
<p><b>Hello</b> fine</p>
$('#div1').html('<h1>H1</h1>') 设置div的内容为html代码'<h1>H1</h1>';
2、val方法，设置或提取具有value属性的html代码，也支持select或其它(可自己测试)。与html类型，带参数表示设置，可用传入string或返回string的函数。
例：
$('#input1').val() 返回: dd
$('#select1').val() 返回: 选择了selected的Array数组
$('#input1').val('ss') 设置id为input1的value为ss
3、text方法，类似于javascript众的InnerText方法，可以用来读取或者设置某个元素的文本内容 。使用方法与val类似。
4、attr方法，来获取和设置元素的各种属性。带一个string参数的是返回这个属性的值，带两个参数的是设置这个属性的值。也可直接使用json来设置其属性，这样方便多了。
例：
$('#input1').attr('value') 返回 dd
$('#input1').attr('value','新') 设置其value为新
$('#input1').attr({name:'new',value:'新'}) 设置基name为new,value为新
总结
方法html,val,text用法相似，不带参数是取值，带参数是设值。
jquery很强大。
写的不足或错误之处，欢迎大家指出，一起交流学习！
免责声明： 本文仅代表作者个人观点，与爱易网无关。其原创性以及文中陈述文字和内容未经本站证实，对本文以及其中全部或者部分内容、文字的真实性、完整性、及时性本站不作任何保证或承诺，请读者仅作参考，并请自行核实相关内容。
