jQuery(替换节点、复制节点&事件绑定&jquery$符号用法1.3)
1、替换节点
用一个元素替换掉另一个元素
-jq节点对象.replaceWith(节点对象); 用后面的节点替换掉所有能匹配的前面的节点
-jq节点.replaceAll(节点);与replaceWith相反,用前面的节点替换掉所有能匹配后面的节点
2、复制节点
将已有节点再复制出一份
-clone(true/false);//复制节点,括号中的true或false表示是否复制js中元素的事件
3、jquery事件
window.onload事件,是网页中所有的元素(包括所有的关联文件)加载完成后,浏览器会自动调用,注意,一个页面只能有一个window.onload
$(document).ready(function(){});在所有DOM完全加载后调用,注意,在执行该方法时,可能关联的文件未加载完毕,所以,ready()的执行要优于onload;同时,一个文档可以有多个ready();
1)$(document).ready语法
$(document).ready(function(){
相关操作;
})
简写方式一
$().ready(function(){
相关操作
})
简写方式二
$(function(){
相关操作;
})
4、事件绑定
-jq对象.bind(事件名,事件处理函数);
-简写方式:jq对象.事件名(事件处理函数);
5、事件类型
-click:单击
-dblclick:双击
-keydown:键盘某个按键被按下
-keyup:键盘某个按键弹起
-keypress:键盘输入事件
-scroll:滚动事件
-mouseover:鼠标移入
-mouse-out:鼠标移出
-focus:获取焦点
-blur:失去焦点
-change:选项发生改变
jQuery中$符号的作用
作为jQuery包装器,利用选择器来选择DOM元素(这个也是最强大的功能)
例如:$(“table tr:nth-child(even)”)
实用工具函数,作为几个通用的实用工具函数的命名空间的前缀
例如:$.trim(someString)
文档就绪处理程序,相当于$(document).ready(…)
例如:$(function(){…}); 里面的函数会在DOM树加载完之后执行
创建DOM元素
例如:$(“
how are you?
”)扩展jQuery
例如:$.fn.disable = function(){…}
使用jQuery和其他库
例如:Prototype库也是使用符号还原到非jQuery库定义的含义。