JQ基础一

什么是jQuery

jQuery 是 JavaScript 的 类库

jQuery特点

写得少 干得多

jQuery优势

   ① 开源
    ② 便捷 的 选择器
    ③ 方便的dom操作
    ④ 丰富的动画操作
    ⑤ 简单的ajax操作
    ⑥ 兼容性
    ⑦ 方便的插件机制

jQuery缺点

额外的添加 jQuery文件，增加网络传输量

jQuery版本

   jQuery 1.X    支持IE
    jQuery 2.X    IE9+  其他...

jQuery的基本语法

   http://jquery.cuishifeng.cn/ [手册]

jquery标准的使用方式

   标准入口:
    $(document).ready(function (){
        code....
    })
    简写:
    $(function (){
        code....
    })

ready和onload的区别

   1).ready 文档中 DOM加载完 就触发
        onload 文档中的一切 加载完 才触发
    2).ready 可以绑定多个事件
        onload 后面会覆盖前面的绑定

链式操作风格

dom.css().attr().remove()

jQuery dom对象 和 js DOM对象的 区别 以及相互转化

   1).使用原生JS方式 (get  Id) JQ的方式  $(selector)
    2).js dom --> jq dom   $(jsdom)
        jq dom ---> js dom  jqueryDOM[index]

jquery命名冲突

$ 是jQuery的别名

jQuery的选择器

基本选择器

   #id
    .class
    tagName
    *
    selector1,selector2,selectorN

层级选择器

   selector selector
    selector>selector
    selector+selector
    selector~selector

过滤选择器

   :first     首个
    :last      最后一个
    :eq(index) 指定第几个
    :lt(index) 索引大于
    :gt(index) 索引小于
    :even      索引为偶数的 0算偶数
    :odd       索引为奇数
    :header    所有的h标签  可以省略:之前的
    :not(selector) 排除

内容选择器

   :contains(text)
    :has(selector)
    :parent
    :empty

可见性选择器

   :hidden
    :visible

属性选择器

  selector[attribute]        选择值有指定属性的元素
   selector[attribute=value]  指定值 等于 value
   selector[attribute!=value] 指定值 不等于value
   selector[attribute^=value] 属性值 以 value开头
   selector[attribute$=value] 属性值 以 value结束
   selector[attribute*=value] 属性值 包含 value
   selector[][][]             多个属性选择器,进一步筛选使用

子元素选择器

   :first-child 是否是首个子元素
    :last-child  是否是最后一个子元素
    :nth-child(n) 是否为父元素的 第N个子元素  可以做运算
    :only-child  是否是 呀un苏唯一的子元素(独苗)

表单选择器

   :input    所有表单域的元素
    :text 
    :password 
    :radio 
    :checkbox 
    :submit 
    :reset 
    :button 
    :file 
    :hidden 
    :image

表单对象选择器

   :enabled 
    :disabled 
    :checked 
    :selected