jquery如何把div的边框设置成虚线

在jquery中,如何想将边框线设置为虚线,应该怎么编写代码呢?下面小编举例讲解jquery如何把div的边框设置成虚线 。

jquery如何把div的边框设置成虚线

文章插图

需要这些哦
jquery+html
代码编纂器:z studio 10.0
方式/
1新建一个html文件,定名为test.html,用于讲解jquery若何把div的边框设置当作虚线 。
jquery如何把div的边框设置成虚线

文章插图

2【jquery如何把div的边框设置成虚线】在test.html文件内,利用div建立一个模块,并设置div的id属性为test 。
jquery如何把div的边框设置成虚线

文章插图

3在css标签内,经由过程id界说div的样式,设置它的宽度为300px,高度为300px 。
jquery如何把div的边框设置成虚线

文章插图

4在js标签内,利用ready()方式在页面加载完当作时执行function方式 。
jquery如何把div的边框设置成虚线

文章插图

5在function方式内,经由过程id获得div对象,利用css()方式将border属性设置为3px dashed red,即3px宽的红色边框,此中,dashed是虚线的意思 。
jquery如何把div的边框设置成虚线

文章插图

6在浏览器打开test.html文件,查看实现的结果 。
jquery如何把div的边框设置成虚线

文章插图

总结:11、利用div建立一个模块,并设置div的id属性为test 。 2、在css标签内,经由过程id界说div的样式,设置它的宽度为300px,高度为300px 。 3、在js标签内,利用ready()方式在页面加载完当作时执行function方式 。 4、在function方式内,经由过程id获得div对象,利用css()方式将border属性设置为3px dashed red,即3px宽的红色边框,此中,dashed是虚线的意思 。 5、在浏览器打开test.html文件,查看实现的结果 。


以上内容就是jquery如何把div的边框设置成虚线的内容啦,希望对你有所帮助哦!

    推荐阅读