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

pemilih asas jQuery

Apakah itu pemilih

Syarat yang digunakan untuk mendapatkan pelbagai objek nod elemen pada halaman ialah pemilih.

document.getElementById()

document.getElementsByTagName();

document.getElementsByName();

Asas pilih ??>

  • $('#id attribute value') ----------->document.getElementById()

  • $('nama tag teg')---------->document.getElementsByTagName();

  • $('. kelas nilai atribut') pemilih nilai atribut kelas

  • $('*') Pemilih kad bebas

  • $('s1,s2, s3') Pemilih kesatuan

    • <!DOCTYPE html>
<html>
    <head>
        <title>php.cn</title>
        <meta charset="utf-8" />
        <script src="http://libs.baidu.com/jquery/1.10.2/jquery.min.js"></script>

        <script>
        function f1(){
            //① $('#id屬性值')
            $('#username').css('color','red');

            //② $('tag標簽名稱')tag標簽選擇器
            $('input').css('background-color','blue');

            //③ $('.class屬性值') class類別選擇器
            $('.apple').css('background-color','green');

            //④ $('*') 通配符選擇器
            //$('*').css('background-color','gray');

            //⑤ $('s1,s2,s3...')聯(lián)合選擇器selector
            $('p,#username,.apple').css('font-size','25px');
        }
        </script>

        <style type="text/css">
        #username{}
        p{}
        .apple{}
        *{}
        .apple,span,input{} /*聯(lián)合選擇器*/
        </style>
    </head>
    <body>
        <h2>基本選擇器(靈感來源于css樣式選擇器)</h2>
        <input type="text" name="username" value="php中文網(wǎng)" id="username" /><br />
        <p>大家好</p>
        <div class="apple">歡迎來到php中文網(wǎng)</div>
        <span>讓我們一起開始學習jQuery吧</span><br />

        <input type="button" value="觸發(fā)" onclick="f1()" />
    </body>
</html>
Meneruskan pembelajaran
||
<!DOCTYPE html> <html> <head> <title>php.cn</title> <meta charset="utf-8" /> <script src="http://libs.baidu.com/jquery/1.10.2/jquery.min.js"></script> <script> function f1(){ //① $('#id屬性值') $('#username').css('color','red'); //② $('tag標簽名稱')tag標簽選擇器 $('input').css('background-color','blue'); //③ $('.class屬性值') class類別選擇器 $('.apple').css('background-color','green'); //④ $('*') 通配符選擇器 //$('*').css('background-color','gray'); //⑤ $('s1,s2,s3...')聯(lián)合選擇器selector $('p,#username,.apple').css('font-size','25px'); } </script> <style type="text/css"> #username{} p{} .apple{} *{} .apple,span,input{} /*聯(lián)合選擇器*/ </style> </head> <body> <h2>基本選擇器(靈感來源于css樣式選擇器)</h2> <input type="text" name="username" value="php中文網(wǎng)" id="username" /><br /> <p>大家好</p> <div class="apple">歡迎來到php中文網(wǎng)</div> <span>讓我們一起開始學習jQuery吧</span><br /> <input type="button" value="觸發(fā)" onclick="f1()" /> </body> </html>