博客
关于我
强烈建议你试试无所不能的chatGPT,快点击我
jquery的html,val,text,attr方法
阅读量:4957 次
发布时间:2019-06-12

本文共 1069 字,大约阅读时间需要 3 分钟。

jquery的html,val,text,attr平时使用很多,用户设置内容使用。现在学习一下使用方法。

  先贴上一段Html代码

  
test1
Pl

Hello fine

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很强大。

转载于:https://www.cnblogs.com/firstdream/archive/2012/02/07/2341042.html

你可能感兴趣的文章
中国大学MOOC-数据结构基础习题集、05-2、Saving James Bond - Easy Version
查看>>
LeetCode:36. 有效的数独
查看>>
DEV:GridControl 筛选复选框 Checked Dropdown更改数据源
查看>>
第九节 字符串指针(十)
查看>>
生成php所需要的APNS Service pem证书的步骤
查看>>
SQL语句case when外用sum与count的区别
查看>>
lua 迭代器 iterator
查看>>
Oracle_merge into 中 using 后的查询表如果有参数的情况
查看>>
3Sum Closest
查看>>
Java 两次MD5
查看>>
南大2019研究生复试练习题(1)
查看>>
使用ADO访问ACCESS
查看>>
保存图片到相册
查看>>
df命令
查看>>
Windows Phone Mango 芒果发布及新特性阅览
查看>>
JavaWeb之JSON
查看>>
Cookie操作
查看>>
artdialog对话框 三种样式 网址:http://www.planeart.cn/demo/artDialog/_doc/labs.html
查看>>
网站启动,报编译错误:类型“ASP.global_asax”同时存在两个文件夹的问题
查看>>
URL中的特殊字符处理
查看>>