jquery如何通过id修改css

文章2022-10-2895 人已阅来源：网络

在jquery中，可以使用“[att^=元素]”选择器匹配开头是某id的元素，然后使用css方法返回或设置匹配的元素的一个或多个样式属性，语法格式为“$(元素).css(属性,属性值)”。

jquery如何通过id修改css

本教程操作环境：windows7系统、jquery1.11.1版、Dell G3电脑。

<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>

jquery如何通过id修改css

设置所有匹配元素的指定 CSS 属性。

$(selector).css(name,value)

jquery如何通过id修改css

//设置所有ul的overflow属性为hidden。
$('[id^=foreignCurrencyTree_][id$=_ul]').css("overflow","hidden");
//设置所有li的display属性为inline
$('[id^=foreignCurrencyTree_][id$=_li]').css("display","inline");

【推荐学习：javascript高级教程】

以上就是jquery如何通过id修改css的详细内容！

相关内容

浅谈jQuery+CSS实现前端网页加载进度条的三种方式
【推荐教程：CSS视频教程】前端网页加载进度条的实现有三种方式，看自己需求：一、顶部进度条在html代码中间插入jq代码执行动画。页面加载到哪部分，进度条就会相应的向前走多少当...
jq如何动态添加动态css样式
jq动态添加动态css样式的方法：首先准备jquery库文件，并声明一个class样式；然后准备一个事件加载初始化的方法，并直接用匿名函数；接着addClass方法给div元素...
jq怎么写css样式
方法如下：一般要在页面初始化的时候就要加载样式，所以使用ready()方法，语法格式为“$(document).ready(function)”。当DOM已经加载，并且页面（包...
jQuery html()方法有什么用
html()方法用于返回或设置被选元素的内容：1、如果未设置参数，则返回被选元素的当前内容，语法“$(selector).html()”；2、如果设置参数，则会覆盖所有匹配元素...
jquery怎么去除css属性
jquery去除css属性的方法：1、使用css()方法，语法格式“$(selector).css('属性名称','')”；2、使用re...
jquery怎么删除html元素
删除方法：1、使用remove()方法，可以删除被选元素及其子元素，语法“$(selector).remove()”；2、使用empty()方法，可以从被选元素中删除子元素，语...
jquery怎么替换html内容
替换方法：1、replaceWith()把被选元素替换为新的内容，语法“$(选择器).replaceWith(内容)”；3、replaceAll()用指定的HTML内容或元素替...
jquery对象怎么转为html dom对象
转换方法：1、jQuery对象是一个数据对象时，可以通过“[index]”方法进行转换，得到相应的DOM对象，语法“jQuery对象[index]”；2、通过“jQuery对象...
jquery怎么取消css样式
jquery取消css样式的方法：1、使用“$(selector).removeAttr("style");”语句移除全部css样式；2、使用“$(sele...
jquery中怎么修改css样式
jquery中修改css样式的方法：1、使用“css("属性名","属性值")”语句修改；2、使用“css({属性名:"属性值...

浏览更多有关 jquery 的内容