国产探花免费观看_亚洲丰满少妇自慰呻吟_97日韩有码在线_资源在线日韩欧美_一区二区精品毛片,辰东完美世界有声小说,欢乐颂第一季,yy玄幻小说排行榜完本

首頁 > 編程 > JavaScript > 正文

jquery css 選擇器演示代碼

2019-11-21 00:28:26
字體:
來源:轉載
供稿:網友
效果如圖所示:

核心代碼:
復制代碼 代碼如下:

<script type="text/javascript">
$('#one').css("background","#fff");
$('div').css("background","#fff");
$('body div').css("background","#bbffaa");//改變body內所有div的屬性
$('div > span').css("background","#bbffaa").css("color","red").css("font-size","12px");//改變所有div下的span元素的屬性
$('#two >.mini').css("background","red");//id為two的div內的所有class為mini的元素的屬性
$('#two').siblings("div").css("color","green");//選取#two同輩的div元素,無論前后位置
$('div:first').css("background","red");
$('div:gt(1)').css("background","#fff");//索引值大于1的所有div元素
$('div:lt(1)').css("background","yellow");
$('div:not(.one)').css("color","#cccccc");//改變class不為one的div元素
$('div:even').css("font-size","15px");//索引號為偶數的div
$('div:odd').css("font-size","12px");//索引號為奇數的div
$('div:contains(other)').css("font-size","10px");//設置含有文本other的div元素
$('div:has(.mini)').css("color","#bbffaa");//設置含有class為mini元素的<div>元素的背景色
$('div:parent').css("color","#ffcccc");//改變含有子元素(包括文本)的div元素的屬性
$('div:hidden').show(3000);//獲取隱藏的div
$('div:visible')//獲取可見的div
$("div[title=test]").css("background","black");//設置title為test的div
$("div[.mini][title=test]").css("color","red");//設置class為mini title為test的div
</script>

完全演示代碼:

[Ctrl+A 全選 注:如需引入外部Js需刷新才能執行]
發表評論 共有條評論
用戶名: 密碼:
驗證碼: 匿名發表
主站蜘蛛池模板: 蕲春县| 会泽县| 紫云| 天津市| 玉溪市| 玉屏| 明溪县| 宜昌市| 荆州市| 临江市| 琼中| 普格县| 乌兰浩特市| 温宿县| 天柱县| 孝义市| 巍山| 虹口区| 闵行区| 合肥市| 南汇区| 青河县| 惠水县| 邛崃市| 潼南县| 新巴尔虎右旗| 澄江县| 天全县| 湟中县| 隆林| 观塘区| 新沂市| 澜沧| 炎陵县| 津市市| 柞水县| 新昌县| 玉树县| 易门县| 灵寿县| 鸡东县|