jQuery选择器和表单操作

1.几个需要熟悉的基本选择器

1.#id 返回由指定id对于的HTML元素包装成的jQuery对象

2.tagName  返回由所有tagName标签对应的所有HTML元素包装成的jQuery对象

3.tagName[attribute^=value] 返回由tagName标签生成且由attribute属性以value开头的所有HTML元素包装成的jQuery对象

4.outerSelector innerSelector 返回由outerSelector选择器之内的所有innerSelector 对应的HTML元素包装成的jQuery对象

5.selector1,selector2...selectorN 同时指定多个选择器，返回由匹配热和一个选择器的所有HTML元素包装成的jQuery对象。

6.tagName[attribute1=value1][attribute2=value2]...[attributen=valuen] 返回同时具有多个属性值得tagName组成的jQuery对象

2.选择器附加限定词，通常与前面介绍的选择器结合使用

1.:first 返回由匹配指定选择器第一个HTML元素包装成的jQuery对象

2.:not(selector) 返回由匹配指定选择器但去掉selector选择器匹配的所有HTML元素包装成的jQuery对象

3.:contains(text) 返回由匹配指定选择器且包含text文本的HTML元素包装成的jQuery对象

4.:has(selector) 返回由匹配指定选择器且包含selector对于的HTML元素的所有HTML元素包装成的jQuery对象

5.:enabled 返回所有可用的(未指定disabled="disabled")表单控件包装成的jQuery对象(表单)

6.:checked 返回由所有指定了 checked="checked"的表单控件组成的jQuery对象(表单)

2.select,redio,checkbox操作

select

1.$(selectTagName).val() 为选中值的第一个,$("xx").attr("checked") 返回object  如果选中为 true, 如果没有选中，则为undifined

2.$("#select_id").change(function(){});  为 bind("change",function(){});的快捷方式

3.$("#select_id").get(0).selectedIndex 或 attr("selectedIndex");  获取Select选择的索引值      改变索引值或者val("value")将设置选中

4.$("#select_id option:last").get(0).index  可以获取最大索引值

redio

1.$("input[name=items]:checked").val() 将获取选中的值

2.$("input[type=radio]").attr("checked","2") 设置value=2的项为当前选中项

3.$("input[name='items'][value=2]").attr("checked",true);  设定radio中某项为选中

4.$("input[name=items]").get(1).checked=true 设置第二个元素为选中

3.数组的遍历及操作

$.('selector').each(function(index){});  遍历匹配的每一个元素，可以通过return false结束循环

$.each(function(key,value)); 可以用来遍历任何集合，可以通过return false结束循环

$.('selector').map(function(index){}) 通过一个函数匹配当前集合中的每个元素,产生一个包含的返回值的jQuery新对象,通常与get()配合使用返回基本数组。

arrayObj.slice(start[,end]); 截取数组，slice(0)则为拷贝

arrayObj.concat(xx) 数组连接  concat() 则为拷贝

arrayObj.reverse() 数组倒序

arrayObj.sort() 数组排序

arrayObj.pop() 删除并返回最后一个

arrayObj.push(x1,x2...xn)向数组末尾添加元素并返回新长度

arrayObj.shift() 删除并返回第一个

arrayObj.splice(index,count[,x1,x2...xn]) 删除从index位置开始的count个元素，并将x1到xn插入

4. 表单操作等

1.children([selector]) 查找当前jQuery对象内的全部后代元素，如果指定了selector选择器，则返回匹配的后代元素

2.find(selector|element|jQuery)  返回符合提交的Dom元素包装成的jquery对象。(条件可以是选择器,dom元素,jquery对象)

3.append(content) 在jQuery对象的尾部插入content所代表的内容(content可以为html,dom元素,jQuery对象)

4.prepend(function(index,html)) 在jQuery对象的头部插入content所代表的内容,index为索引,html为dom节点内容

5.after(function(index){}) 在jQuery对象中每个节点后面依次添加function(index)所返回的值