jQuery获取text、html、属性值、value的方法

 时间:2024-10-14 13:32:35

1、第一步在我们的电脑上新建一个html文件,在html中body部分添加一个div和四个添加点击事件的按钮,然后在div盒子中添加一个文本框,如下图所示:

jQuery获取text、html、属性值、value的方法

2、第二步我们来编写js脚本,首先在head里面引入jquery.js文件,然后通过$("#test").text()代码获取text,$("#test").html()代码获取html,$("#test").attr("id")获取属性值,$("#test2").val()获取value,如下图所示:

jQuery获取text、html、属性值、value的方法

3、第三步我们可以看一下html中的body和head完整的代码,完整代码如下图所示:

jQuery获取text、html、属性值、value的方法

4、第四步我们在浏览器中打开html页面,可以看到body里面编写的内容,一个文本框和四个按钮,如下图所示:

jQuery获取text、html、属性值、value的方法

5、第五步我们点击jQuery获取innerHTML按钮,可以看到弹出框文本框的html代码,这里是将html格式以字符串格式获取,如下图所示:

jQuery获取text、html、属性值、value的方法

6、第六步点击jQuery获取value,可以看到成功获取了文本框的helloworld值,如下图所示:

jQuery获取text、html、属性值、value的方法
  • IntelliJ IDEA怎么通过视图查看本地代码差异
  • eclipse添加安卓项目报错如何解决
  • idea软件设置自动显示(鼠标移动显示)方法注释
  • myeclipse如何使用ant运行项目
  • 怎样使用js填充数据到bootstrap的表格中
  • 热门搜索
    挥汗如雨的意思 tourist是什么意思 永无止境的意思 开网店卖什么最畅销 玩游戏用什么cpu好 邑是什么意思 不三不四的意思 豆蔻年华是什么意思 毫无违和感是什么意思 以药补医什么意思