jQuery应用之（一）使用jQuery选择器（荐）

        <li>第一个</li>
        <li><a href="1-1.html">第二个</a></li>
        <li><a href="1-2.html" title="第三个">第三个</a></li>
        <li><a href="1-3.html">第四个</a></li>
        <li><a href="1-4.html" title="制作">第五个</a></li>

$("a[title]")

<style>
            .altcss {
                /* 设定某个CSS类别 */
                
                background-color: #005890;
                color: #4eff00;
            }
        </style>
<script type="text/javascript">
            $(function() {
                $("a[title]").addClass("altcss")
            });
        </script>

[attribute]
[attribute=value] //匹配给定的属性是某个特定值的元素
[attribute!=value] //匹配所有不含有指定的属性，或者属性不等于特定值的元素。
[attribute^=value] //匹配给定的属性是以某些值开始的元素
[attribute$=value] //匹配给定的属性是以某些值结尾的元素
[attribute*=value] //匹配给定的属性是以包含某些值的元素

    $(function() {
        $("li a[href$=‘pdf‘]")
    });

$("li:has(a)")

$("div:has(p)").addClass("test");

$("li:first-child")

$("li:nth-child(odd)")

$("p:eq(4)").addClass()

<script src="http://apps.bdimg.com/libs/jquery/1.10.0/jquery.min.js"></script>
        <script type="text/javascript">
        function showChecked(oCheckBox){
            //使用checked过滤出被用户选中的添加altcss
            $("input[name="+oCheckBox+"]:checked").addClass("altcss");
        }
        </script>
        <style>
            .altcss {
                /* 设定某个CSS类别 */
                }
        </style>
<form name="myform">
            <p>
                <label for="football">足球
                    <input type="checkbox" name="like" id="football" />
                </label>
            </p>
            <p>
                <label for="basketball">篮球
                    <input type="checkbox" name="like" id="basketball" />
                </label>
            </p>
            <p>
                <label for="volleyball">排球
                    <input type="checkbox" name="like" id="volleyball" />
                </label>
            </p>
            <p>
                <input type="button" value="显示选择" onclick="showChecked(‘like‘)">
            </p>
        </form>

:checkbox:checked:enabled

input:not(:radio)

<script src="http://apps.bdimg.com/libs/jquery/1.10.0/jquery.min.js"></script>
        <script type="text/javascript">
            $(function() {
                //迭代使用选择器
                $(":input:not(:checkbox):not(:radio)").addClass("altcss");
            });
        </script>
        <style>
            .altcss {
                background-color: #ffbff4;
                text-decoration: underline;
                border: 1px solid #0000FF;
                font-family: Arial, Helvetica, sans-serif;
                font-size: 12px;
            }
        </style>
        <form method="post" name="myForm1" action="addInfo.aspx">
            <p>
                <label for="name">姓名:</label>
                <input type="text" name="name" id="name">
            </p>
            <p>
                <label for="passwd">密码:</label>
                <input type="password" name="passwd" id="passwd">
            </p>
            <p>
                <label for="color">最喜欢的颜色:</label>
                <select name="color" id="color">
                    <option value="red">红</option>
                    <option value="green">绿</option>
                    <option value="blue">蓝</option>
                    <option value="yellow">黄</option>
                    <option value="cyan">青</option>
                    <option value="purple">紫</option>
                </select>
            </p>
            <p>性别:
                <input type="radio" name="sex" id="male" value="male">
                <label for="male">男</label>
                <input type="radio" name="sex" id="female" value="female">
                <label for="female">女</label>
            </p>
            <p>你喜欢做些什么:
                <br>
                <input type="checkbox" name="hobby" id="book" value="book">
                <label for="book">看书</label>
                <input type="checkbox" name="hobby" id="net" value="net">
                <label for="net">上网</label>
                <input type="checkbox" name="hobby" id="sleep" value="sleep">
                <label for="sleep">睡觉</label>
            </p>
            <p>
                <label for="comments">我要留言:</label>
                <br>
                <textarea name="comments" id="comments" cols="30" rows="4"></textarea>
            </p>
            <p>
                <input type="submit" name="btnSubmit" id="btnSubmit" value="Submit">
                <input type="reset" name="btnReset" id="btnReset" value="Reset">
            </p>
        </form>

 $(":input:not(:checkbox):not(:radio)").addClass("altcss");

div:not(p:hidden)

div p:not(:hidden)