怎样安装Dreamweaver的jquery扩展,我们通常会用dreamweaver这个网页设计软件来编写网页前台代码,在编写代码时会经常出现下拉的菜单供我们选择,为我们编写代码节省了很多的时间。这样......
2023-03-17 342 JQUERY DREAMWEAVER
jquery是一个js插件库,现在很多前端开发人员都是使用它来操作dom的。对于dom操作,jquery提供了很多方法,很方便的。
下面我们一起来看下jquery如何为HTML元素设置属性的。
首先要用到jquery,我们的代码里必须先引入对应的脚本文件了。
然后Html里有一个input输入框,和一个button按钮,代码如图
添加js脚本代码,为按钮添加点击事件,点击后,添加逻辑,为input输入框设置一个disabled=true的属性,
运行页面,看到现在的input输入框是可以选中,并输入值的,我们点击一下‘修改’按钮,
点击后,输入框加入了disabled="disabled"的属性,从界面上也可以看到,输入框已经不可以选中了,更不可以输入值了。
jquery除了可以修改一些已知的属性,比如disabled属性,也可以修改,添加一些自定义属性。
修改js,添加一句代码:input.attr('my_attr', 'jingyan');
这是为输入框添加一个my_attr的属性,并设置属性的值为"jingyan"。
刷新页面,先在FireFox调试器下看下现在的html输入框是没有自定义属性的。如图
(如果你不知道怎么使用FireFox的开发者工具(调试器工具),可以参考下面的链接)
2JavaScript如何调试?
点击修改按钮后,可以看到现在的输入框已经成功添加了disabled和my_attr属性了。
以上方法由办公区教程网编辑摘抄自百度经验可供大家参考!
相关文章
怎样安装Dreamweaver的jquery扩展,我们通常会用dreamweaver这个网页设计软件来编写网页前台代码,在编写代码时会经常出现下拉的菜单供我们选择,为我们编写代码节省了很多的时间。这样......
2023-03-17 342 JQUERY DREAMWEAVER
jQuery MiniUI 快速入门,前段时间由于工作的原因接触到MiiUI。感觉MiiUI很强大,使用起来也很舒服。下面我就带领大家快速的使用MiiUI。MiiUI-专业WeUI控件库它能缩短开发时......
2023-03-17 330 JQUERY
怎么使用JQuery Mobile开发移动网站,现在越来越多的人用网站来做手机a,这样的好处是,可以做一个网站,基本上可以做到多个平台adroid,io,w,都可以使用。这里使用JQueryMoile......
2023-03-17 374 JQUERY