在jquery中 ， 可以使用 css()方法改变p标签的行高值 ， 即改变p标签的line-height属性 。 下面小编举例讲解jquery如何改变p标签的行高 。 ?
文章插图
需要这些哦
php
代码编纂器：z studio 10.0
方式/
1新建一个html文件 ， 定名为test.html ， 用于讲解jquery若何改变p标签的行高 。 ?
文章插图
2在test.html文件中 ， 利用p标签建立一段文字 。 ?
文章插图
3为了展示较着示的结果 ， 在css标签内 ， 设置p标签的宽度为200px 。 ?
文章插图
4在test.html文件中 ， 利用button标签建立一个按钮 ， 并给button标签绑定onclick点击事务 ， 当按钮被点击时 ， 执行edithg()函数 。 ?
文章插图
5在edithg()函数内 ， 经由过程获得元素名称 ， 利用css()方式设置p标签的行高line-height ， 例如,这里设置行高为35px 。 ?
文章插图
6在浏览器打开test.html文件 ， 点击按钮 ， 查看成果 。 ?
文章插图
总结：1【jquery如何改变p标签的行高】1、利用p标签建立一段文字 。 2、利用button标签建立一个按钮 ， 并给button标签绑定onclick点击事务 ， 当按钮被点击时 ， 执行edithg()函数 。 3、在函数内 ， 经由过程获得元素名称 ， 利用css()方式设置p标签的行高line-height ， 例如,这里设置行高为35px 。 ?
以上内容就是jquery如何改变p标签的行高的内容啦 ， 希望对你有所帮助哦！
推荐阅读
- 动森助手如何制作我的护照
- 中专可以直接升本科吗 中专生如何考本科
- 华为荣耀9X如何设置长按指纹拍照
- 动森助手如何标记已捕捉的物品
- wps演示中如何制作蓝色商务风过渡页面
- wps2019表格如何设置冻结前两行
- 动森助手如何导入入住的岛民
- wpsppt中如何制作金融理财型标题样式
- wpsppt中如何制作黄色清新几何风时间轴
- wpsppt中如何制作公开课通用型标题样式