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$符号用法1.3)
jQuery中$符号的作用
作为jQuery包装器,利用选择器来选择DOM元素(这个也是最强大的功能)

例如:$(“table tr:nth-child(even)”)

实用工具函数,作为几个通用的实用工具函数的命名空间的前缀

例如:$.trim(someString)

文档就绪处理程序,相当于$(document).ready(…)

例如:$(function(){…}); 里面的函数会在DOM树加载完之后执行

创建DOM元素

例如:$(“

how are you?

”)

扩展jQuery

例如:$.fn.disable = function(){…}

使用jQuery和其他库

例如:Prototype库也是使用jQuerynoConflictjQuery.noConflict();符号,jQuery提供noConflict函数避免冲突,jQuery.noConflict();把符号还原到非jQuery库定义的含义。