jQuery知识点

javaScript 页面加载
windonw.onload = function(){
alert("js页面加载");
}

jQuery 页面加载
//标签选择器 $("标签名")
$(document).ready(function (){
// alert("jQuery页面加载");
// id 选择器，格式：$("#id值")
var $d1 = $ ("#r01");
});

jQuery页面加载最简单的写法
$(function（）{
var uValue = $("$usernamw").val();

}）;
基本选择器：

$("#id值"); id选择器
$("标签名"); 元素选择器
$(".class类名");类名选择器
*代表页面的所有的元素 通配符选择器
如果多个选择器就用“，”隔开

基本选择器：
:first 获取第一个元素
:last 获取最后个元素
:even 匹配所有索引值为偶数的元素，从 0 开始计数
:odd 匹配所有索引值为奇数的元素，从 0 开始计数
:eq(index) 匹配一个给定索引值的元素
:gt(index) 匹配所有大于给定索引值的元素
:lt(index) 匹配所有小于给定索引值的元素

层级选择器:
ancestor descendant 在给定的祖先元素下匹配所有的后代元素
parent > child 在给定的父元素下匹配所有的子元素
prev + next 匹配所有紧接在 prev 元素后的 next 元素 一个有效选择器并且紧接着第一个选择器
prev ～ siblings 匹配 prev 元素之后的所有 siblings 元素

jQ对象转js
var jsinput1 = $input1[0];
console.log("jq转js:"+jsinput.value);

js对象转jQ
var input1 = document.getlementById("username");
var uValue = $(input1).val();
console.log("js:"+uValue);

js和jq事件绑定的区别（on）
jq没有on开头
js反之

效果：
show 展示
hidden 隐藏
slideToggle 切换
slideUp 滑上
slidedown 滑下
fadeToggle 淡入（颜色变淡）

css("background-color","red");

$（" body div"）空格 表示在给定的祖先元素下匹配所有的后代元素
$(" body >div") 在给定的父元素下匹配所有的子元素
$("#div + one") 匹配所有紧接在 prev 元素后的 next 元素

Css属性：
prop(name|properties|key,value|fn):获取在匹配的元素集中的第一个元素的属性值。
addClass(class|fn)为每个匹配的元素添加指定的类名。$("p").addClass("selected");
removeClass([class|fn]) 从所有匹配的元素中删除全部或者指定的类。
toggleClass(class|fn[,sw]) 如果存在（不存在）就删除（添加）一个类.

遍历：（each）
html() 获取div内容
val([]) 获得匹配元素的当前值。
text() 获取文本内容

文档：
内部：
append(要追加到目标中的内容) 向每个匹配的元素内部追加内容。
appendTo(用于被追加的内容) 把所有匹配的元素追加到另一个指定的元素元素集合中。
prepend(要插入到目标元素内部前端的内容) 在前面内部插入元素
prependTo(用于匹配元素的jQuery表达式) 把所有匹配的元素前置到另一个、指定的元素元素集合中。


外部：
after（插入到每个目标后的内容） 在每个匹配的元素之后插入内容。
before（插入到每个目标后的内容） 在每个匹配的元素之前插入内容。
insertafter(用于匹配元素的jQuery表达式) 把所有匹配的元素插入到另一个、指定的元素元素集合的后面。
insertbefore(用于匹配元素的jQuery表达式) 把所有匹配的元素插入到另一个、指定的元素元素集合的前面。

删除：
enpty() 删除匹配的元素集合中所有的子节点。
remove() 从DOM,中删除所有匹配的元素。

html：innerHTML ,不忽略不转义html标签
text: innerTEXT ,普通文本，如果包含标签，会转义


表单对象属性：
:enabled 匹配所有可用元素
:disenabled 匹配所有不可用元素
:selected 匹配所有选中的option元素
:checked 匹配所有选中的被选中元素（复选框、单选框，不包括select中的option）

表单校验
jQuery校验插件：
$("form").validate({
rules:{
name属性值：{
规则名称:值，
规则名称：值
}
}，
messages:{}
});

高级自定义规则:
$.validator.addMethod("名称"，function(value,element,params),"提示信息")