一、什么事jquery对象
jQuery 对象就是通过jQuery包装DOM对象后产生的对象。jQuery 对象是 jQuery 独有的. 如果一个对象是 jQuery 对象, 那么它就可以使用 jQuery 里的方法: $(“#test”).html();

jquery基础语法：
$(selector).action()    #和css语法很像

二、寻找元素
1. 基本选择器
$('*')  $('#id')  $(".class")  $("element") $(".class,div,p")

2. 层级选择器
$(".outer  div")  $(".outer >div")  $(".outer+div")  $(".outer~div")

3.基本筛选器
$("li:first")  $("li.eq(2)")   $("li:even")  $("li:gt(1)")

4.属性选择器
$("[id='div1']")    $("['alex'='sb'][id]")

5.表单选择器
$("[type='text']")------->$(":text")                         注意只适用于input标签  : $("input:checked")

6.表单属性选择器
:enabled            :disabled      :checked       :selected

例子:



    
    Title




    
    

    






过滤筛选器：
$("li").eq(2)        #查找索引是2的li标签元素对象
$("li").first()    #查找第一个li元素对象
$("ul li").hasclass(""test)    #查找ul 元素子元素li并且含有test类属性

查找筛选器:
查找子标签:  $("div").children(".test")    $("div").find(".test")

向下查找兄弟标签：$(".test").next()    $(".test").nextAll()      $(".test").nextUntil()

向上查找兄弟标签：$("div").prev()    $("div").prevAll()    $("div").prevUntil()

查找父标签: $(".test").parent()    $(".test").parents()        $(".test").parentUntil()

四、操作元素
页面载入
$(document).ready(function(){}) --------->$(function(){})    #写js最好加上这个
事件绑定
语法: $("#id").click(function(){})
事件委派        #特别重要
$("div").on(even,selector,[data],function)
    例子
    



    
    Title
    
    
        
            
        
    





    
    
  • 111
    • 
    
  • 222
    • 
    
  • 333
    • 
    
  • 444
    • 
    
  • 555
    • 








4.事件切换
hover事件：
一个模仿悬停事件（鼠标移动到一个对象上面及移出这个对象）的方法。这是一个自定义的方法，它为频繁使用的任务提供了一种“保持在其中”的状态。
over:鼠标移到元素上要触发的函数
out:鼠标移出元素要触发的函数



    
    Title
    
5.属性操作 --------------css类 $("#id").addClass(class|fn) $("").removeClass([class|fn]) ----------------属性 $("#id").attr(); $(selector).removeAttr(); $(selector).prop(); $(selector).removeProp(); ----------------html代码 文本  值 $(selector).html([val|fn])  获取代码 $(selector).text([val|fn])   获取文本 $(selector).val()    获取值 例子：          Title 是否可见 是否可见 6. each循环 $("div").css('color','red') 是将css样式添加到所有的div标签上，内部维持一个循环，但对于选中标签进行不同处理，这时需要对所有标签数组进行循环遍历 jquery支持两种循环遍历 1. 格式: $.each(obj, fn) li=[10,20,30,40]; dic={name:"yuan",sex:"male"}; $.each(li,function(i,x){     console.log(i,x) }); 2. 格式: $("").each(fn) $("tr").each(function(){     console.log($(this).html()) }) 五、文档节点处理 //创建一个标签对象     $("

")     //内部插入     $("").append(content|fn)      ----->$("p").append("Hello");     $("").appendTo(content)       ----->$("p").appendTo("div");     $("").prepend(content|fn)     ----->$("p").prepend("Hello");     $("").prependTo(content)      ----->$("p").prependTo("#foo");     //外部插入     $("").after(content|fn)       ----->$("p").after("Hello");     $("").before(content|fn)      ----->$("p").before("Hello");     $("").insertAfter(content)    ----->$("p").insertAfter("#foo");     $("").insertBefore(content)   ----->$("p").insertBefore("#foo");     //替换     $("").replaceWith(content|fn) ----->$("p").replaceWith("Paragraph. ");     //删除     $("").empty()     $("").remove([expr])     //复制     $("").clone([Even[,deepEven]]) 六、动画效果 显示隐藏          Title               

hello

    隐藏     显示     切换 滑动          Title                    出现