在jquery中 ， 可以使用css()方法设置文字的底部边框为双线 ， 从而实现双划线的效果 。 下面小编举例讲解jquery如何在文字下面加双划线 。
文章插图
需要这些哦
jquery+html
代码编纂器：z studio 10.0
方式/
1新建一个html文件 ， 定名为test.html ， 用于讲解jquery若何在文字下面加双划线 。
文章插图
2在test.html文件内 ， 利用p标签建立一行文字 ， 用于测试 。
文章插图
3在test.html文件内 ， 设置p标签的id为test 。
文章插图
4【jquery如何在文字下面加双划线】在js标签内 ， 利用ready()方式在页面加载完当作时执行function方式 。
文章插图
5在function方式内 ， 经由过程id获得p对象 ， 利用css()方式设置border-bottom属性值为"5px double red" ， 即底部边框宽度为5px ， 边框线型为双线（double） ， 边框颜色为红色 。
文章插图
6在浏览器打开test.html文件 ， 查看实现的结果 。
文章插图
总结：11、利用p标签建立一行文字 ， 设置p标签的id为test 。 2、在js标签内 ， 利用ready()方式在页面加载完当作时执行function方式 。 3、在function方式内 ， 经由过程id获得p对象 ， 利用css()方式设置border-bottom属性值为"5px double red" ， 即底部边框宽度为5px ， 边框线型为双线（double） ， 边框颜色为红色 。 4、在浏览器打开test.html文件 ， 查看实现的结果 。
以上内容就是jquery如何在文字下面加双划线的内容啦 ， 希望对你有所帮助哦！
推荐阅读
- php如何判断数字是偶数还是奇数
- jquery如何将单条边框隐藏
- Thinkphp模板中如何截取字符串
- jquery如何将背景图片设置在右上角
- php如何随机生成10数字
- jquery如何点击更换div的背景图片
- 如何查询当地派出所行政区划代码
- 春分和秋分的区别 如何分辨春分秋分
- 如何开启西瓜视频连续播放功能
- 哔哩哔哩如何设置字幕的屏蔽词