JQuery实例

前面学习了原生的DOM，现在看看如何使用JQuery。JQuery建议使用1.12的版本，这样对旧版本的IE兼容性比较好。

例1.添加，删除class

知识要点：

1. 通过     

点击hide按钮切换隐藏效果

例2. 全选和反选

这个例子在前面的Dom里面出现过，现在看看JQuery如何实现

知识点：

1. 选择器可以组合使用 比如 $('#tb :checkbox') 表示id=tb下面所有的checkbox元素

2. 对于checkbox的属性，通过prop()来实现，如果是自定义的其他的属性，通过attr()实现

3. each()可以实现循环，循环里面如果输出this,可以看见他是一个dom的格式，如果把他转换成jquery对象的格式（数组格式），可以通过$(this)实现，如果想把jquery转为dom的格式，那么直接取第一个数组的值就行了，例子里面实现了3种方式，dom，jquery以及三元运算符的格式

    
    


    
    
    
    
        
            
                选项
                IP
                PORT
            
        
        
            
                
                1.1.1.1
                80
            
            
                
                1.1.1.1
                80
            
            
                
                1.1.1.1
                80
            
        
    
    
    

例3 隐藏菜单

知识点：

1. click的事件可以直接选择到标签之后执行，这个比在html里面使用onclick事件要好很多。

2. Jquery支持链式的编程，因此如下所示可以一行实现很多功能

    
    
    


    
        
            标题一

            内容

        

                     标题二

            内容