jquery怎么用name获取对象

html+jquery
代码编纂器:Dreamweaver CS5方式/
1新建一个html文件 , 定名为test.html , 用于讲解jquery怎么用name获取对象 。

jquery怎么用name获取对象

文章插图

2在test.html文件内 , 在p标签内 , 利用input标签建立一个type类型为text的文本框 , 用于输入内容 。

jquery怎么用name获取对象

文章插图

3在test.html文件内 , 给input标签设置name属性 , 将其设置为username , 下面将经由过程该name获得input对象 。

jquery怎么用name获取对象

文章插图

4在test.html文件内 , 利用button标签建立一个按钮 , 按钮名称为“取值” 。

jquery怎么用name获取对象

文章插图

5在test.html文件中 , 给button按钮绑定onclick点击事务 , 当按钮被点击时 , 执行myfun函数 。

jquery怎么用name获取对象

文章插图

6在js标签内 , 建立myfun()函数 , 在函数内 , 经由过程input元素名称 , 利用name的属性值作为对象选择器获得input对象 , 再利用val()方式获得input文本框输入的内容 , 最后 , 利用alert()方式将内容输出 。

jquery怎么用name获取对象

文章插图

7【jquery怎么用name获取对象】在浏览器打开test.html文件 , 输入内容 , 点击按钮 , 查看实现的结果 。

jquery怎么用name获取对象

文章插图


以上内容就是jquery怎么用name获取对象的内容啦 , 希望对你有所帮助哦!

    推荐阅读