jquery如何将单条边框隐藏

在jquery中,可以通过获得元素对象,将单独边框的属性设置为none,实现隐藏单条边框 。 下面小编举例讲解jquery如何将单条边框隐藏 。

jquery如何将单条边框隐藏

文章插图

需要这些哦
jquery+html
代码编纂器:z studio 10.0
方式/
1新建一个html文件,定名为test.html,用于讲解jquery若何将单条边框埋没 。
jquery如何将单条边框隐藏

文章插图

2在test.html文件内,利用p标签建立一行文字,并设置p标签的class为mycc 。
jquery如何将单条边框隐藏

文章插图

3【jquery如何将单条边框隐藏】在css标签内,经由过程class设置p标签的样式,设置它的宽度为200px,高度为200px,边框为2px宽度红色边框 。
jquery如何将单条边框隐藏

文章插图

4在js标签内,利用ready()方式在页面加载完当作时执行function方式 。
jquery如何将单条边框隐藏

文章插图

5在function方式内,经由过程id获得p对象,利用css()方式设置border-bottom属性值为none,即可埋没下边框 。
jquery如何将单条边框隐藏

文章插图

6在浏览器打开test.html文件,查看实现的结果 。
jquery如何将单条边框隐藏

文章插图

总结:11、利用p标签建立一行文字,并设置p标签的class为mycc 。 2、在css标签内,经由过程class设置p标签的样式,设置它的宽度为200px,高度为200px,边框为2px宽度红色边框 。 3、在js标签内,利用ready()方式在页面加载完当作时执行function方式 。 4、在function方式内,经由过程id获得p对象,利用css()方式设置border-bottom属性值为none,即可埋没下边框 。 5、在浏览器打开test.html文件,查看实现的结果 。


以上内容就是jquery如何将单条边框隐藏的内容啦,希望对你有所帮助哦!

    推荐阅读