码迷,mamicode.com
首页 > Web开发 > 详细

JQuery

时间:2016-06-05 23:26:10      阅读:445      评论:0      收藏:0      [点我收藏+]

标签:

JQuery 
两个版本:
1.12.4 版本兼容IE     
2.2.4 版本不兼容IE   让它模块式,为新的浏览器和模块化开发  
JQuery优点:简洁,小巧,版本中已考虑了兼容性,兼容性强  
## 得到JQuery对象 ##
1.获取JQuery对象   $(" ")   
 $==JQuery   
$替代JQuery 

2.使用脚本:

## JQuery转换js  ##
3.JQuery和js可以相互转换  用.get转换,返回一个类似数组,单个ID用下标的方式.get[0]或者直接用[0];
eg:$("#id").get[0].innerHTML="内容”

##  js转换JQuery ##
原声转JQuery  用$();
eg:var di=docunmet.getelbyid("di")
$(di).html("neir");

each 循环JQuery对象 ary数组 

## 在JQuery中写css样式 ##
    $("p:odd).css({
    cloer:" red";
    fontSize:"20px"
    })

##  在css中获取高  ## 
$(".id").css("width")  

##  JQuery中获取值.文本  ##
  .val()  设置把要写的写在括号里
 $(":text").val("请输入内容”);

JQuery中获取文本    .html()
 $(":text").html("请输入文本”);
 

#  获取节点 # 
$(":button[value=ok]")   
$("#id");  
$(":input");

## attr与removeAttr与addClass  ##
添加属性attr 

    $(":button[value=ok]").click(funtction{
    $("di‘).attr({
    name:" d1";    //值对
        })
    }  

特殊属性用prop()    不需要值得是特殊属性:checked        
删除属性:removeAttr  
addClass 添加class      
removeClass 删除class
toggleclass  把原有的删掉,没有的添加,切换class


# 筛选   方法链(可以通过筛选的功能一直点.下去)

    eg:$("div").css().html().next().css()

eq()方法和属性
$(" .paf.di").eq(0).heml("sdjk")

find()  可以一直.下去,可以一直不停得访问
eg:$(".paf)

children()  获取所以的子元素,不考虑后代

end()   回到最近一次破坏性之前的样式

    eg:eg:$("div").css().html().next().css().find().css().end().end()
    第一个end回到next(),第二个end回到div,  所有的筛选都是破坏性

# 文档处理: #
append()   增加元素 

    eg:
    $("div").append("<p>增加的节点</p>")
appendTo()   和append一样</br>
prepend()   往前面增加节点</br>
after()    在兄弟元素后面增加</br>
before()   在兄弟元素前面增加</br>
wrap() 包裹 (在外部在父元素)</br>
unwrap()  去掉包裹元素    不跟参数</br>
wrapALL()   所以的元素包在一个标签里</br>
wrapInner()  把标记当中的内容套了一个标记</br>
replaceWith()   替换    谁替换谁</br>
replaceALL   方向不一样</br>

empty()  删除    删除一个元素里的内容,不删除元素

remove()  删除   删除整个元素(包括内容,元素)</br>
detach()   删除  所以绑定的事件是可以保留的
clone()   克隆
 

# 事件  #
ready事件

    ready与window.onload区别

    ready 事件  在dom加载完执行的函数
    $(function)(){
       alert("加载完成)
    })
  
    window.onload=function(){
     alert("加载完成)             在dom加载完执行的函数
    }

  on可以追加多个事件   (添加事件)  只能为当前元素添加事件,不会覆盖原来的

    $("id").on(“click,function(){
        alert(“OK”)
    })   

    $("id").on("click",function(){
        alert(“OK”)
    })  

bind()   和on()一样的功能,bind 是老版本了       只能为当前元素添加事件  
.off()   去掉一个事件  
one()一次性事件。只执行一次     只能为当前元素添加事件

##  live 与delegate的区别  ##
live()  基本不会用live,用delegate  
delegate()  事件委托 让新增加的子元素也添加事件

    $("加在元素的父元素的ID ").delegate("子元素",“事件”, 函数(){

    alert(事件委托)
    })

表单元素都是用value

字符串拼接

eq是通过下标

JQuery

标签:

原文地址:http://www.cnblogs.com/yanghuan123/p/5562048.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!