如何用jQuery修改元素属性及内容

 时间:2024-10-15 12:06:59

1、新建一个html文件,命名为test.html,用于讲解如何用jQuery修改元素属性及内容。

如何用jQuery修改元素属性及内容

2、在test.html文件内,在p标签内,使用input标签创建一个文本输入框。

如何用jQuery修改元素属性及内容

3、在test.html文件内,设置input元素的id属性为myinput,主要用于下面获得input对象。

如何用jQuery修改元素属性及内容

4、在test.html文件内,使用button标签创建一个按钮,给button按钮绑定onclick点击事件,当按钮被点击时,执行myfunc()函数。

如何用jQuery修改元素属性及内容

5、在js标签中,创建myfunc()函数,在函数内,通过id获得input对象,使用attr()方法修观鲼视防改input元素的type属性为password(密码类型),同时修改input的value值内容为132456。

如何用jQuery修改元素属性及内容

6、在浏览器打开test.html文件,查看实现的效果。

如何用jQuery修改元素属性及内容
如何用jQuery修改元素属性及内容
  • LOL英雄联盟S11虚空遁地兽雷克塞符文
  • 关于html内嵌video的一些参数设置
  • Visual Studio怎样在网页中设置标签背景色
  • VS2013读取配置文件app.config的字段的值C#编程
  • 去掉字符串左右两边的空格
  • 热门搜索
    节约用水手抄报文字 端午节手抄报简单漂亮 反对邪教手抄报 社会主义核心价值观手抄报 防火手抄报 安全知识手抄报 五一劳动节手抄报 推广普通话手抄报 一年级手抄报 民族团结手抄报