jQuery（一）

JQuery

ready

基本选择器

id ； element； .class

    
    
hello
    
hello
    
    

Dom与jQuery的转化

    

        hello,afternooon
    
    
    

层级，基本筛选器和内容

    
    
    


    

        
p
    
    

    

        
p
        span
        
p
        

            div
            
pp
            

        
    
    

    

    

        
li1
        
li2
        
li3
        
li4
        
li5
        
li6
    
    
    

可见性

    
    

        
我是td1
        
我是td2
    
    
    

表单

属性：

：input	:text	:password	:radio	:image
:submit	:file	:reset	:button	:checkbox

表单对象属性

：enabled	:disabled	:checked	:selected

用户条款判定

使用jQuery实现用户条款的判定

    

        同意此条款
        
    
    
    

属性

    
    

        a
    
    

        b
    
    

    
    

基本效果

show：显示；hide：隐藏；toggle:前面两种效果的切换，当原本元素为显示时，执行此方法后消失；

当原本元素为消失时，执行此方法后显示。

点击按钮，实现其他元素的显示及隐藏效果，同时修改按钮的文字

    
    
    


        
    

    
    消失
    
    

使用toggle实现

    
    

    
    消失
    
    

添加，移除class类

jQuery代码

为匹配的元素加上 一个或多个'selected' 类

jQuery 代码:
$("p").addClass("selected");添加一个
$("p").addClass("selected1 selected2");添加多个


从匹配的元素中删除 'selected' 类
$("p").removeClass("selected");

删除匹配元素的所有类
jQuery 代码:
$("p").removeClass();

点击图片，实现元素的旋转（css的动画效果），再次点击图片实现元素停止旋转

attr和prop

attr:设置或返回被选元素的属性值。

prop:获取在匹配的元素集中的第一个元素的属性值。

html代码/文本/值

    
hello,evening