标签:
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是通过下标
标签:
原文地址:http://www.cnblogs.com/yanghuan123/p/5562048.html