在jquery中 ， 通过获得元素对象 ， 使用css()方法便可以将元素的边框删除 。 下面小编举例讲解jquery如何将元素边框去掉 。
文章插图
需要这些哦
jquery+html
代码编纂器：z studio 10.0
方式/
1新建一个html文件 ， 定名为test.html ， 用于讲解jquery若何将元素边框去失落 。
文章插图
2【jquery如何将元素边框去掉】在test.html文件内 ， 利用div建立一个模块 ， 并设置其class为test 。
文章插图
3在css标签内 ， 经由过程class设置div的样式 ， 界说它的宽度为250px ， 高度为350px ， 布景颜色为灰色 ， 边框为3px宽边框 。
文章插图
4在js标签内 ， 利用ready()方式在页面加载完当作时执行function方式 。
文章插图
5在function方式内 ， 经由过程class获得div对象 ， 利用css()方式设置border属性值为none ， 便可去失落边框 。
文章插图
6在浏览器打开test.html文件 ， 查看实现的结果 。
文章插图
总结：11、利用div建立一个模块 ， 并设置其class为test 。
2、在css标签内 ， 经由过程class设置div的样式 ， 界说它的宽度为250px ， 高度为350px ， 布景颜色为灰色 ， 边框为3px宽边框 。 3、在js标签内 ， 利用ready()方式在页面加载完当作时执行function方式 。 4、在function方式内 ， 经由过程class获得div对象 ， 利用css()方式设置border属性值为none ， 便可去失落边框 。 5、在浏览器打开test.html文件 ， 查看实现的结果 。
以上内容就是jquery如何将元素边框去掉的内容啦 ， 希望对你有所帮助哦！
推荐阅读
- 360浏览器插件如何设置激活快捷组合键
- 360浏览器如何删除首页的频道标签
- jquery如何实现背景图片居中
- php如何判断数字是偶数还是奇数
- jquery如何在文字下面加双划线
- jquery如何将单条边框隐藏
- Thinkphp模板中如何截取字符串
- jquery如何将背景图片设置在右上角
- php如何随机生成10数字
- jquery如何点击更换div的背景图片