本文摘自PHP中文网,作者醉折花枝作酒筹,侵删。
在jquery中,可以使用“[att^=元素]”选择器匹配开头是某id的元素,然后使用css方法返回或设置匹配的元素的一个或多个样式属性,语法格式为“$(元素).css(属性,属性值)”。
本教程操作环境:windows7系统、jquery1.11.1版、Dell G3电脑。
1 2 3 4 5 6 7 8 9 10 | < ul id = "foreignCurrencyTree_1_ul" >
< li id = "foreignCurrencyTree_11_li" >111111</ li >
< li id = "foreignCurrencyTree_12_li" >222222</ li >
< li id = "foreignCurrencyTree_13_li" >333333</ li >
</ ul >
< ul id = "foreignCurrencyTree_2_ul" >
< li id = "foreignCurrencyTree_21_li" >111111</ li >
< li id = "foreignCurrencyTree_22_li" >222222</ li >
< li id = "foreignCurrencyTree_23_li" >333333</ li >
</ ul >
|
设置所有匹配元素的指定 CSS 属性。
1 | $(selector).css(name,value)
|
1 2 3 4 | $( '[id^=foreignCurrencyTree_][id$=_ul]' ).css( "overflow" , "hidden" );
$( '[id^=foreignCurrencyTree_][id$=_li]' ).css( "display" , "inline" );
|
【推荐学习:javascript高级教程】
以上就是jquery如何通过id修改css的详细内容,更多文章请关注木庄网络博客!
相关阅读 >>
jQuery如何给p标签赋值
jQuery on和bind的区别是什么
jQuery如何判断 input type="file"上传文件是否为空
jQuery怎么查询数组中是否有该指定值?
jQuery如何判断是否为空
jQuery选择器有什么优点?
jQuery怎么实现左右滑动的toggle
html怎么删除表格的第二行
jQuery怎么增加css属性
jQuery怎么移除css样式
更多相关阅读请进入《jQuery》频道 >>
人民邮电出版社
本书对 Vue.js 3 技术细节的分析非常可靠,对于需要深入理解 Vue.js 3 的用户会有很大的帮助。——尤雨溪,Vue.js作者
转载请注明出处:木庄网络博客 » jquery如何通过id修改css