JQuery初学习

#JQuery
##1、Jquery和js的区别:
    1、jquery是is的封装框架,是轻量级的、开源的
    2、提供了很多插件
    3、处理了很多兼容性问题
##2、JQ选择元素
    1、通过$()方法
        如:varop=$("p");
                
            页面有一个span标签,如果我们想改变span标签的样式:
            $("span').css("color","red");

##3、获取集合中的属性,默认获取第一个
    var otta=$(".ul1").attr("title");
###1、设置属性
    $(".ul1").attr("name","na");
###2、获取集合中的数据
    $("div")//获取所有的div集合
    $("div")【0】;//获取第一个div,不推荐
    $("div").eq[0];//获取第一个div
    $("div").eq[0].html();//获取第一个div里的内容
    绑定时间:$("#div1").clik(function(){......})
###3、过滤条件
    $("div").has("条件")    //根据条件找div
    $("div").find("条件")    //根据条件在div里找,找到的是div下面的子元素
###4、文档处理
    append   在节点里添加节点 
    var ospan=$("<span id='spn'> span </span>");//创建一个节点
            $("div").appned(ospan);//在div里添加节点,默认添加到最后

    appendTo 
    ospan.appendTo($("div"));//也可以达到同样的效果,追加
    
    在节点后面添加节点
    after

    在节点前面添加节点
    before
    
    把某个节点替换成另一个节点
    旧节点.replace(新节点);

    克隆节点 节点.clone()
    
    


    
        
    
    

posted on 2016-09-04 15:39  冉兵成  阅读(91)  评论(0)    收藏  举报