JQuery基础列表

基础
1、JS的缺点（3个）
   JS兼容性很差
   JS与HTML绑定太厉害（耦合高）不便于重用
   JS需要实现同一功能的代码太多


2、JQUERY的优点和缺点（5个）
   
   版本对下兼容不好
   jquery与HTML几乎不绑定便于重用
   jquery需要实现同一功能的代码很少


   注：jquery是js的封装版本


3、JQUERY的载入


   helloworld程序(1.html)
4、window.onload和$(document).ready();


   执行时间
   可执行次数
   简化写法


   (4-1,4-2)


5、jquery的链式风格（JAVA是如何实现的）


   链式操作写法的易读性方式


(5-1,5-2)


6、jquery对象和dom对象的区别


   如何相互转换（2-1）


(6.html)
7、jquery与其他包冲突的问题（2点）
（1)jquery第一个导入
            1）jQuery替代$
            2)通过自定义替换$;var $j = jQuery.noConflict();
   3)jQuery.noConflict();jQuery(function($)可继续使用$
            4)jQuery.noConflict();(function($){ $(function(){ }
（2)jquery最后导入
   jQuery替代$


8、事件调用方式的不同
   onclick<=>click


9、jquery便于拓展的的形式
   加载不存在元素不会报错（会影响到后面代码的执行吗）
















选择器
10、基本选择器
    通过#选择 id  $('#one').css("background","#bfa");
    通过.样式选择
    通过标签名选择
    通过*选择
    通过,选择多个（或者关系）


11、层次选择器
    通过空格选择某元素内的所有某标签的子元素
    通过>选择子元素是某个元素的元素
    通过+选择某元素的下一个元素.one + div
    通过~选择某元素后面的所有兄弟元素


12、基本过滤选择器
    通过:first选择某中标签的第一个元素
    通过:last选择某中标签的第一个元素
    通过:not()选择class不是某样式的元素div:not(.one)
    通过:even取索引为偶数的元素
    通过:odd取索引为奇数的元素
    通过:eq(1)取索引为1的元素
    通过:gt(1)取索引大于1的元素
    通过:lt(3)取索引小于3的元素
    通过:header取标题元素
    通过:animated取正在动画的元素




13、内容过滤选择器
    通过:contains(di)选择文本内容包含di的元素
    通过:empty选择不包含子元素（或者文本元素）的空元素
    通过:has(.mini)选择含有样式为mini的元素的元素
    通过:parent选取含有子元素(或者文本元素)的元素


14、可见选择器    
    通过:hidden可选取所有隐藏元素$('body :hidden').length；$('input:hidden')
    通过:visible选取所有可见元素


15、属性选择器
    div[title=test]选取含有 属性title 的div元素
    div[title=test]选取 属性title值等于 test 的div元素
    div[title!=test]选取 属性title值不等于 test 的div元素
    div[title^=te]选取 属性title值 以 te 开始 的div元素
    div[title$=est]选取 属性title值 以 est 结束 的div元素
    div[title*=es]选取 属性title值 含有 es  的div元素
    div[id][title*=es]组合属性选择器,首先选取有属性id的div元素，然后在结果中 选取属性title值 含有 es 的元素




16、子元素过滤选择器
    div.one :nth-child(2)选取每个父元素下的第2个子元素
div.one :first-child选取每个父元素下的第一个子元素
div.one :last-child选取每个父元素下的最后一个子元素
div.one :only-child如果父元素下的仅仅只有一个子元素，那么选中这个子元素




17、表单对象属性过滤选择器
$("#form1 input:enabled").val("这里变化了！"); 对表单内 可用input 赋值操作
$("#form1 input:disabled").val("这里变化了！");对表单内 不可用input 赋值操作
使用:checked选择器，来操作多选框
$(":checkbox").click(countChecked);


function countChecked() {
 var n = $("input:checked").length;
 $("div").eq(0).html("<strong>有"+n+" 个被选中!</strong>");
}
使用:selected选择器，来操作下拉列表.
$("select").change(function () {
 var str = "";
 $("select :selected").each(function () {
str += $(this).text() + ",";
 });
 $("div").eq(1).html("<strong>你选中的是："+str+"</strong>");
        }).trigger('change');
// trigger('change') 在这里的意思是：
// select加载后，马上执行onchange.
// 也可以用.change()代替.