怎样安装Dreamweaver的jquery扩展,我们通常会用dreamweaver这个网页设计软件来编写网页前台代码，在编写代码时会经常出现下拉的菜单供我们选择，为我们编写代码节省了很多的时间。这样......
2023-03-17 342 JQUERY DREAMWEAVER
如何展示jquery控制css样式的几种方法同样效果
来源：互联网
2023-03-17 00:47:14 版权归原作者所有，如有侵权，请联系我们
在JavaScript中，可以获取元素对应的ID或类选择器，使用点style方式设置样式；而在jQuery中可以使用css()方法，这个方法也有三种展示形式。下面利用实例说明，操作如下：
工具/原料
- JavaScript
- HTML5
- CSS3
- HBuilder
- 浏览器
- 截图工具
方法/步骤
第一步，双击打开HBuilder工具，新建一个Web项目并在指定文件夹中新建一个HTML5页面，如下图所示：
第二步，由于要使用到jquery，这里需要把jquery文件引入到页面中，如下图所示：
第三步，在body>/body>标签内，插入一个div和p标签，如下图所示：
第四步，在script>/script>标签内，调用jquery初始化函数，添加p标签点击事件，设置字体大小、字体颜色和背景色，如下图所示：
第五步，保存代码并直接使用浏览器预览页面效果，并点击页面上的文字查看效果，如下图所示：
第六步，在第五步中的css()调用了三次，this也使用了三次，可以减少代码重复，如下图所示：
注意事项
- 注意在jquery中css()几种设置样式的形式
- 注意JavaScript和jQuery设置样式的方法
以上方法由办公区教程网编辑摘抄自百度经验可供大家参考！
上一篇：js给下拉框如何设置默认值 下一篇：jquery阻止事件冒泡的方法
相关文章
- 详细阅读
-
jQuery MiniUI 快速入门详细阅读
jQuery MiniUI 快速入门,前段时间由于工作的原因接触到MiiUI。感觉MiiUI很强大，使用起来也很舒服。下面我就带领大家快速的使用MiiUI。MiiUI-专业WeUI控件库它能缩短开发时......
2023-03-17 330 JQUERY
-
怎么使用JQuery Mobile开发移动网站详细阅读
怎么使用JQuery Mobile开发移动网站,现在越来越多的人用网站来做手机a,这样的好处是，可以做一个网站，基本上可以做到多个平台adroid,io,w,都可以使用。这里使用JQueryMoile......
2023-03-17 374 JQUERY