亚洲国产日韩欧美一区二区三区,精品亚洲国产成人av在线,国产99视频精品免视看7,99国产精品久久久久久久成人热,欧美日韩亚洲国产综合乱

搜索
博主信息
博文 32
粉絲 0
評論 0
訪問量 29581
最新下載
更多>
網(wǎng)站特效
網(wǎng)站源碼
網(wǎng)站素材
前端模板
常用選擇器及JQ與DOM轉(zhuǎn)換-2019年5月20日21點00分
小李廣花榮
原創(chuàng)
862人瀏覽過

  1. 下面將展示代碼及效果圖


  2. 實例

    <!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
    <script src="static/js/jquery-3.4.1.js"></script>
</head>
<body>
<ul>
    <li>item1</li>
    <li>item2</li>
    <li>item3</li>
    <li>item4</li>
    <li>item5</li>
</ul>
<p>Hello Word</p>
<div>
    你好，PHP
</div>
<script>

    $('p').css('color','red');
    $('ul:has(li)').css('color','red');
    $('li').eq(3).css('color','white');
    $('li:first-child').css('color','pink');
    $('ul:nth-child(1)').css('color','black');
    $('div:nth-of-type(1)').css('color','red');

    $('ul li:nth-of-type(3)').css('color','pink');

    //轉(zhuǎn)DOM對象

    var list=$('li');
    console.log(list);
    console.log(list[2]);
    console.log(list.get());

</script>
</body>
</html>

    運行實例 ?

    點擊 "運行實例" 按鈕查看在線實例

    QQ圖片20190529174452.pngQQ圖片20190529174517.png

  3. 本文學到JQuery文件得引入 

    如何使用選擇器$('p');

    常用得選擇器 nth-of-type(); nth-child();等

批改狀態(tài)：未批改

老師批語：
本博文版權(quán)歸博主所有，轉(zhuǎn)載請注明地址！如有侵權(quán)、違法，請聯(lián)系admin@php.cn舉報處理！
全部評論 文明上網(wǎng)理性發(fā)言，請遵守新聞評論服務協(xié)議
0條評論
作者最新博文
關(guān)于我們 免責申明 意見反饋 講師合作 廣告合作 最新更新
php中文網(wǎng)：公益在線php培訓，幫助PHP學習者快速成長！
關(guān)注服務號 技術(shù)交流群
PHP中文網(wǎng)訂閱號
每天精選資源文章推送
PHP中文網(wǎng)APP
隨時隨地碎片化學習
PHP中文網(wǎng)抖音號
發(fā)現(xiàn)有趣的

Copyright 2014-2025 http://ipnx.cn/ All Rights Reserved | php.cn | 湘ICP備2023035733號

    • 登錄PHP中文網(wǎng)，和優(yōu)秀的人一起學習！
    全站2000+教程免費學