//合并设置,通过对象传设置多个样式

$('.seventh').css({

            'font-size'        :"15px",

            "background-color" :"#40E0D0",

            "border"           :"1px solid red"

        })

//获取到指定元素的宽度，在回调返回宽度值

//通过处理这个value，重新设置新的宽度

$('.sixth').css("width",function(index,value){

            //value带单位，先分解

            value = value.split('px');

            //返回一个新的值，在原有的值上，增加50px

            return (Number(value[0]) + 50) + value[1];

        })

//第二个参数判断样式类是否应该被添加或删除

    //true，那么这个样式类将被添加;

    //false，那么这个样式类将被移除

    //所有的奇数tr元素，应该都保留class="c"样式

    $("#table tr:even").toggleClass("c", true); //这个操作没有变化，因为样式已经是存在的

//class=left下div元素删除newClass样式

        $('.left div').removeClass('newClass')

//.removeClass() 方法允许我们指定一个函数作为参数，返回将要被删除的样式

        $('.right > div:first').removeClass(function(index,className){

            //className = aa bb imoocClass

            //把div的className赋给下一个兄弟元素div上作为它的class

            $(this).next().addClass(className)

            //删除自己本身的imoocClass

            return 'imoocClass'

            $(this).removeClass('imoocClass')

    <script type="text/javascript"> 

        //通过className(fucntion)方法

        //这个函数返回一个或更多用空格隔开的要增加的样式名。

        //接收index 参数表示元素在匹配集合中的索引位置和html 参数表示元素上原来的 HTML 内容

        //找到所有的div，然后通过addClass设置颜色，根据返回的className的判断，

        $("div").addClass(function(index,className) {

            //找到类名中包含了imooc的元素

            if(-1 !== className.indexOf('imooc')){

                //this指向匹配元素集合中的当前元素

                $(this).addClass('imoocClass');

            }

        });

    </script>

//选择一个表单，修改value的值

        $("input[type='text']").val('修改表单的字段') ;

//多个select被选择，返回["imocc", "博客园"]

        $("p").text( $("#multiple").val() ) 

<select id="multiple" multiple="multiple">

        <option  selected="selected"> imocc</option>

        <option>慕课网</option>

        <option selected="selected">博客园</option>

    </select>

 //单个select，返回第一个

        $("p").text( $("#single").val() )

 //通过.text()方法替换文本内容

        $(".left a:first").text('替换第一个a元素的内容')

//通过.html()方法替换html结构

        $(".left div:first").html('整个div的子节点都被替换了')

//显示出html方法获取到的内容

        //.html()是整个html文档结构

        $('p:first').text( $(".first-div ").html() ) 

//找到第一个input，通过attr设置属性value的值

    $("input:first").attr('value','1')

$("input:eq(2)").attr('value',function(i, val){

    return '通过function设置' +v

    })

//找到第四个input，通过使用removeAttr删除属性

    $("input:eq(3)").removeAttr('value')

 <option>imooc</option>

            <option selected="selected">慕课网</option>

            <option>aaron</option>

            <option selected="selected">博客园</option>

<input type="checkbox" checked="checked">

        <input type="checkbox">

        <input type="radio" checked>       

        <input type="radio">

//查找所有input所有可用的（未被禁用的元素）input元素。

        $('input:enabled').css("border", "2px groove red");

//查找所有input所有不可用的（被禁用的元素）input元素。

        $('input:disabled').css("border", "2px groove blue");

disabled="disabled"//iinput中使用 则此input中的内容不可修改

//查找所有input所有勾选的元素(单选框,复选框)

         //移除input的checked属性

        $('input:checked').removeAttr('checked')

//查找所有option元素中,有selected属性被选中的选项

         //移除option的selected属性

        $('option:selected').removeAttr('selected')

//:input 选择器基本上选择所有表单控件

        $(':input').css("border", "1px groove red"); 

//匹配所有input元素中类型为text的input元素

       $('input:text').css("background", "#A2CD5A");

 //匹配所有input元素中类型为password的input元素

        $('input:password').css("background", "yellow");

//匹配所有input元素中的单选按钮,并选中

         $('input:radio').attr('checked','true');

 //匹配所有input元素中的复选按钮,并选中

        $('input:checkbox').attr('checked','true'); 

 //匹配所有input元素中的提交的按钮,修改背景颜色

        $('input:submit').css("background", "#C6E2FF");

//匹配所有input元素中的图像类型的元素,修改背景颜色

        $("input:image").css("background", "#F4A460");

//匹配所有input元素中类型为按钮的元素

        $('input:button').css("background", "red");

  //匹配所有input元素中类型为file的元素

        $('input:file').css("background", "#CD1076");

//查找class="first-div"下的第一个a元素

        //针对所有父级下的第一个

        $('.first-div a:first-child').css("color", "#CD00CD");

 //查找class="first-div"下的最后一个a元素

        //针对所有父级下的最后一个

        //如果只有一个元素的话，last也是第一个元素

        $('.first-div a:last-child').css("color", "red");

 //查找class="first-div"下的只有一个子元素的a元素

        $('.first-div a:only-child').css("color", "blue");

 //查找class="last-div"下的第二个a元素

        $('.last-div a:nth-child(2)').css("color", "#CD00CD");

 //查找class="last-div"下的倒数第二个a元素

        $('.last-div a:nth-last-child(2)').css("color", "red");

 //查找所有div中，属性name的值是用imooc开头的

         $('div[name^=imooc]').css("border", "3px groove red"); 

  $('div[name$=imooc]').css("border", "3px groove blue"); 

 //查找所有div中，有属性name中的值包含一个test字符串的div元素

        $('div[name*="test"]').css("border", "3px groove #00FF00"); 

//查找所有div中，有属性testattr中的值没有包含"true"的div

        $('div[testattr!="true"]').css("border", "3px groove #668B8B"); 

//查找所有div中，有属性p2的div元素

        $('div[p2]').css("border", "3px groove blue"); 

  //查找所有div中，属性name=p1的div元素

         $('div[name=p1]').css("border", "3px groove red"); 

 //查找所有div中，有属性name中的值只包含一个连字符“-”的div元素

        $('div[name|="-"]').css("border", "3px groove #00FF00"); 

 //查找所有div中，有属性name中的值包含一个连字符“空”和“a”的div元素

        $('div[name~="a"]').css("border", "3px groove #668B8B"); 

 //查找所有class='div'中DOM元素中包含"contains"的元素节点

        //并且设置颜色

        $(".div:contains(':contains')").css("color", "#CD00CD");

//查找所有class='div'中DOM元素中包含"span"的元素节点

        //并且设置颜色

        $(".div:has(span)").css("color", "blue");

//选择所有包含子元素或者文本的a元素

       //增加一个蓝色的边框

       $("a:parent").css("border", "3px groove blue");

 //找到a元素下面的所有空节点(没有子元素)

       //增加一段文本与边框

       $("a:empty").text("js").css("border", "3px groove red"); 

//选择单个

    $(".aaron:eq(2)").css("border", "3px groove blue");

//:gt 选择匹配集合中所有索引值大于给定index参数的元素

    $(".aaron:gt(3)").css("border", "3px groove blue");

//:lt 选择匹配集合中所有索引值小于给定index参数的元素

    //与:gt相反

    $(".aaron:lt(2)").css("color", "#CD00CD");

 //:not 选择所有元素去除不匹配给定的选择器的元素

        //选中所有紧接着没有checked属性的input元素后的p元素，赋予颜色

        $("input:not(:checked) + p").css("background-color", "#CD00CD");