jQuery文本 样式以及属性操作

文本操作

$(..).text() # 获取文本内容
$(..).text(“1”) # 设置文本内容

$(..).html()
$(..).html("1")

$(..).val()
$(..).val('文本')

---

样式操作

addClass
removeClass
toggleClass

---

属性操作：

专门用于做自定义属性
$(..).attr('n')
$(..).attr('n','v')
$(..).removeAttr('n')
专门用于chekbox,radio
$(..).prop('checked')
$(..).prop('checked', true)

$().index()获取索引位置

---

文档处理：

append()
prepend()
after()
before()

remove()
empty()

clone()

实例 增加 删除 复制元素

    
    


    
    添加
    删除
    复制
    

        
1
        
2
        
3
    
    
    

css处理

$('t1').css('样式名称', '样式值')

实例 点赞

    
    
    


    

        

            赞
        
    
    

        

            赞
        
    
    

        

            赞
        
    
    
    

位置

$(window).scrollTop() 获取
$(window).scrollTop(0) 设置
scrollLeft([val])

offset().left 指定标签在html中的坐标
offset().top 指定标签在html中的坐标

position() 指定标签相对父标签(relative)标签的坐标

---

事件

$('.c1').click()

$('.c1').bind('click',function(){
})

$('.c1').unbind('click',function(){
})

$('.c1').on('click', function(){
})

$('.c1').off('click', function(){
})

$('.c').delegate('a', 'click', function(){
})
$('.c').undelegate('a', 'click', function(){
})

对jquery动态创建的标签绑定事件（delegate在点击时绑定事件）

    
    


    
    

    

        
1
        
2
    

    

阻止事件发生

return false

当页面框架加载完成之后，自动执行

$(function(){
$(...)
})

search
    
    

实例 登陆框验证