jQuery中的text(),html(),val()有什么区别

 时间:2024-10-12 16:29:41

1、新建一个html文件,命名为test.html,用于讲解jQuery中的text(),html(),val()有什么区别

jQuery中的text(),html(),val()有什么区别

2、在test.html文件中,在p标签内,使用span标签创建一行文字,并设置p标签的id为txt,主要用于下面通过此id获得p标签对象。

jQuery中的text(),html(),val()有什么区别

3、在test.html文件中,使用button标签创建一个按钮,按钮名称为“取值”。

jQuery中的text(),html(),val()有什么区别

4、在test.html文件中,给button按钮绑定onclick点击事件,当按钮被点击时,执行getvalue()函数。

jQuery中的text(),html(),val()有什么区别

5、在js标签内,创建getvalue()函数,在函数内,使用$符号通过id(txt)获得p元素对象,使用text()方法取得它的值 。最后,使用alert()方法将内容输出。

jQuery中的text(),html(),val()有什么区别

6、在浏览器打开test.html文件,点击按钮,获得的值为“测试的文字”。可见,text()方法只是获得标签内的文本内容。

jQuery中的text(),html(),val()有什么区别

7、将上面的text()方法改成html()方法,在浏览器打开test.html文竭惮蚕斗件,点击按钮,获得的值为“<稆糨孝汶;span>测试的文字</span>”。可见,html()方法会把标签内的所有内容获取到,包括html标签。

jQuery中的text(),html(),val()有什么区别jQuery中的text(),html(),val()有什么区别

8、在test.html文件中,创建一个input文本框,在js中,使用val()方法获得输入的内容,代码如下:

jQuery中的text(),html(),val()有什么区别

9、在浏览器打开test.html文件,输入内容,点击按钮,获得输入的值。可见,val()方法获得的是value属性的值 。

jQuery中的text(),html(),val()有什么区别
  • 动态文本如何在Flash中用代码实现
  • 如何使用CSS3属性控制图片旋转和变大
  • 如何使用AxureRP8实现进度条的原型效果
  • HTML教程 预格式化标签(pre)的使用
  • DW如何解决提示:请求的操作需要提升
  • 热门搜索
    武器大师怎么玩 微信我的收藏怎么删除 郑州市旅游景点 凉拌金针菇的做法 韩国个人旅游签证 蘑菇街怎么开店 咏物诗的特点 连续打嗝怎么办 广州旅游区 清远旅游景点