jquery的html,val,text,attr平时使用很多,用户设置内容使用。现在学习一下使用方法。
先贴上一段Html代码
1、html方法,类似于javascript众的InnerHtml属性,可以用来读取或者设置某个元素中的HTML内容。有两种用法,不带参数的,它表示提取里面的html代码,带参数的表示设置其html代码,传的是string或返回string的函数。 例: $('#div1').html() 返回:
Pl
Hello fine
$('#div1').html('
H1
') 设置div的内容为html代码'
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很强大。