jquery的html,val,text,attr方法学习

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>

[list]
[size=medium]1、html方法,[color=red]类似于javascript众的InnerHtml属性[/color],可以用来读取或者设置某个元素中的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方法,[color=red]类似于javascript众的InnerText方法[/color],可以用来读取或者设置某个元素的文本内容 。使用方法与val类似。

4、attr方法,来获取和设置元素的各种属性。带一个string参数的是返回这个属性的值,带两个参数的是设置这个属性的值。也可直接使用json来设置其属性,这样方便多了。
例:
$('#input1').attr('value') 返回 dd
$('#input1').attr('value','新') 设置其value为新
$('#input1').attr({name:'new',value:'新'}) 设置基name为new,value为新
[/list]

总结
方法html,val,text用法相似,不带参数是取值,带参数是设值。
jquery很强大。[/size]


[align=right]写的不足或错误之处,欢迎大家指出,一起交流学习! [/align]
  • 0
    点赞
  • 1
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值