本文摘自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的详细内容,更多文章请关注木庄网络博客!
相关阅读 >>
javascript中stop方法的作用是什么
jQuery如何判断某个标签id是否存在
jQuery表单插件jQuery.form.js
jQuery的选择器有几种
jQuery怎么设置区域不可操作
jQuery怎么跳转页面
jQuery怎么处理事件
通过jQuery怎么获取数据库的内容
jQuery的$().each和$.each的区别是什么?
如何使用jQuery中click()方法
更多相关阅读请进入《jQuery》频道 >>
人民邮电出版社
本书对 Vue.js 3 技术细节的分析非常可靠,对于需要深入理解 Vue.js 3 的用户会有很大的帮助。——尤雨溪,Vue.js作者
转载请注明出处:木庄网络博客 » jquery如何通过id修改css