一、回顾JS DOM 操作

DOM属性操作：

elementNode.属性名＝属性 （DHTML）

elementNode.style.样式

　elementNode.innerHTML="<p></p>"

onmouseout 与onmouseleave 函数属性：

标签对象.事件＝function(){}; 事件绑定：为每个事件都绑定 例子回顾： 饶晕了。。。。

1 

二、Jquery 

 

 

在使用Jquery前，要先导入jquery 

jquery 寻找元素的方式：

$("p").css("color",""red) 都是由$号开头 p 是标签，

如：

console.log($("p").innerText)//innerText 是DOM对象的属性，这里用的是jquery对象    console.log($("p")[0].innerText) //这样就可以在JQUERY下使用js 的dom对象

三、Jquery 基本语法 

jquery 声明变量：

声明变量还是和js 一样 ,  用 var 声明：

var ele=document.getElem....//这是一个DOM 对象var $ele=$("p") //这是一个jquery对象

jquery 选择器：

语法：$(selector).action()

四、选择器系列

　　基本选择器：

*: 表示所有的  $("*").css("color","red")    #: $("#p2").css("color","blue")  //表示ID查找
I'm p2
    .: $(".p3").css("color","blue")  //表示class 查找
I'm p3

　　层级选择器：

先看html

     
   
      
ppp
   
      
        
       
pppp
   
      
     

abcdefg

1     $(".outer p").css("color","red") //父代选择器2     $(".outer>p").css("color","red") //子代选择器3     $(".outer+p").css("color","red") //毗聆选择器4     $(".outer~p").css("color","red") //兄弟选择器

       属性选择器：

先看HTML
     
      pppppp
     
     
      pppppp
     
    属性选择器：

 

五、筛选器系列

   基本筛选器：

     
       
      
111
       
      
222
       
      
333
       
      
444
 
     
--------------------------JS---------------现在要拿到一个指定的item元素，那for循环里就要再加一个条件，显得稍麻烦    var eles=document.getElementsByClassName("item")    for (var i=0;i

 

查找筛选器：

     
    
      
        
       
pppp
    
      
    
      
abcdefg
    
       click    
      
        
       
111
        
       
333
        
       
333
        
       
333
        
       
333
        
       
333
        
       
333
    
      
     

 

兄弟标签 next() nextAll() nextUntil() siblings()

$(".active").next().css("background-color","red");//下面的一个标签$(".active").nextall().css("background-color","red")//下面的所有$(".active").nextUntil(".items").css("background-color","red")//直到items。items是结束条件//兄弟查找//siblings$(".div").siiblings().css("background-color","red")

 

 　 过滤筛选器：

1 
     
       2     
      
111
 3     
      
333
 4 
     
 5  6  7 

 全选：反选功能：

function checkboxall(){        checkbox=$('#tbody').find('input[type=checkbox]');        for(i=0;i