文档就绪事件 $(document).ready(函数(){ });? ?可用执行多次,不会覆盖之前的执行 简便写法$(函数(){ });
在jQuertde 当中的不可以格式中声明函数,函数不可以在函数中嵌套嵌套函数; ?
?
?标签选择器:$(“标签”); id选择器:$("#id名"); class选择器:$(.类名); 并集选择器:$(类/id/标签选择器); 子选择器:("form > input");? 只会选择在form下面的input内容 后代选择器:$("form input") ?会选择在form下面的所有input内容 相邻选择器:(函数1+函数2):匹配所有在函数1后面的函数2 同辈选择器:(函数1+函数2):匹配所有在函数1后面的同辈元素函数2 属性选择器:(函数[id/calss])0; 可见/可不见选择器: $("div:visible"); 可见选择 $("input:hidden"); 可不见选择
jQuery与内容元素相关的函授: var 变量名=$(选择器).html; 获取围堵标签中的内容,只能返回到第一个匹配到的元素; var 变量名=$(选择器).text; 可以获取围堵标签中的文本,会返回全局匹配的内容; var 变量名=$(选择器).val(); value 只能在input中获取,只能返回到第一个匹配到表单value值;
jQuery与属性相关的函数: var 变量名 = $(选择器).attr(属性)? 得到的是对应属性的属性值 var 变量名= $(选择器).porp? 获取checked属性使用prop返回的是布尔值的结果
jQuery与css相关的的函数: $(选择器).addClass("函数"); 添加css元素,是全部匹配添加 $(选择器).css("函数2");添加css元素 $(选择器).removeClass("函数");根据函数清空css元素 如果不加函数就是全局清空css元素 $(选择器).toggleClass(函数);如果函数存在就清除,不存在就添加
js-query对象转换:)将js对象转换为jQuery对象,可以使用所有jQuery方法
????????
鼠标事件:click??dblclick?mouseover?mouseout?hover
键盘事件 :
keydown?keyup?
表单事件:submit?change?focus?blur
文档/窗口事件?load???????? 格式: $(选择器).事件(调用的函数);
元素内添加: append() - 在被选元素的结尾插入内容 prepend() - 在被选元素的开头插入内容
元素外添加: after() - 在被选元素之后插入内容 before() - 在被选元素之前插入内容
格式: $("选择器").append/after("<br/>新添加的文本<br/>");
元素克隆:$(selector).clone(false/true); 默认是false代表不会把事件克隆? true是连带事件一起克隆
元素的替换: ("选择器").replaceWith(“内容”) 将所有匹配到的替换掉内容 ("内容").replaceWith.("选择器") 匹配到的换成前面的内容
元素删除: remove()? 删除元素及元素包括自己 empty() 删除选中的元素 $("div").empty();//删除div中的所有子元素
|