jQuery基础

jquery是封装好的js代码，让我们在动态操作界面的时候更简洁

1. jquery怎么引入
   jquery官网
   复制粘贴到一个xx.js文本文件中，官网中一个压缩版，一个完整版，没什么区别。
   然后在html中引入jquery文件

//这是我的js文件，./是当前目录下
<script src="./a.js"></script>

基本原则器
$(js的选择器).css(css样式)；
js选择器有id选择器（#id）类选择器 (.class) 标签选择器（标签名比如h1）
层级选择器
选所有的子标签 $(“ul li”).css() 包括孙子
直接子元素 $(“ul>li”) 不包括孙子
同级第一个子元素 $(“ul+li”) 中间有其它标签则选择无效
后面的所有兄弟元素 $("ulli");基本选择器//获取所有li节点并设置样式//$(“li”).css(“color”,“red”);
//获取第一个li节点并设置样式
//$("li:first").css("color","red");//获最后一个li节点并设置样式//$(“li:last”).css(“color”,“red”);
//获取偶数索引号对应的所有li节点并设置样式
//$("li:even").css("color","red");//获取奇数索引号对应的所有li节点并设置样式//$(“li:odd”).css(“color”,“red”);
//获取class属性值为cc的所有li节点并设置样式
//$("li.cc").css("color","red");//获取class属性值不为cc的所有li节点并设置样式//$(“li:not(.cc)”).css(“color”,“red”);
//获取索引位置为2的li节点并设置样式
//$("li:eq(2)").css("color","red");//获取前2个li节点并设置样式//$(“li:lt(2)”).css(“color”,“red”)
属性选择器
//获取所有含有value属性的input元素标签，并设置样式
//$(“input[value]”).css(“border”,“1px solid red”);

        //获取name属性值为phone的input元素标签，并设置样式
        //$("input[name='phone']").css("border","1px solid red");

        //获取name属性值不为phone的input元素标签，并设置样式
        //$("input[name!='phone']").css("border","1px solid red");

        //获取name属性值是以a字符开头的所有input元素标签，并设置样式
        //$("input[name^='a']").css("border","1px solid red");

        //获取name属性值是以e字符结尾的所有input元素标签，并设置样式
        //$("input[name$='e']").css("border","1px solid red");

        //获取name属性值中含有m字符的所有input元素标签，并设置样式
        $("input[name*='m']").css("border","1px solid red");
    });
    //获取每组ul中的第一个li节点并添加样式
        //$("ul li:first-child").css("color","red");

        //获取每组ul中的最后一个li节点并添加样式
        //$("ul li:last-child").css("color","red");

        //获取每组ul中的第三个li节点并添加样式
        $("ul li:nth-child(3)").css("color","red");
    });
    //获取所有多选框中选择中的元素节点
        //var list = $("input[type='checkbox']:checked");
        var list = $(":checkbox:checked");
        alert(list.length);
        
        //获取li元素节点（条件是里面的多选框必须选中），并设置样式
        $("li:has(input:checked)").css("color","red");
		console.log(a.attr("href")); //获取
        console.log(a.attr("title"));
        a.attr("href","http://news.baidu.com"); //添加或更改
        a.removeAttr("title"); //删除属性
        a.attr("aa","bb"); //添加属性