JQuer选择过滤器大全.docVIP

JQuery选择过滤器大全?? 1.DOM对象与JQuery包装集 1.通过document.getElementById()，document.getElementsByName()等取的就是DOM对象或DOM对象集，前者取的是对象，后者取得DOM对象集 var text11_dom=document.getElementById(text11);var text11_dom=document.getElementsByName(text11)[0];var text11_dom=document.all.text11;//此处text11即可以是name值也可以是id值var text11_dom=document.all[10]; 2.如果要使用JQuery提供的函数首先要构造JQuery包装集，通过$()返回的即是JQuery包装集。 var text11_jquery=$(#text11); 2.JQuery包装集与DOM对象互相转换1.DOM对象不能使用JQuery属性方法，但DOM对象可以通过$()转换成JQuery包装集 var text11_dom=document.getElementById(text11);var text11_jquery=$(text11_dom); 2.JQuery包装集可以使用部分DOM对象的属性方法如.length，但也有个别属性方法不能使用如.value，可以通过在JQuery包装集后面加中括号及索引值获取对应DOM对象 var text11_dom=$(#text11)[0]; 3.在each循环时或触发事件时的this也是DOM对象 $(#text11).click(function(){ var text11_dom_value=this.value; alert(text11_dom_value);}); 3.$符号在JQuery中代表对JQuery对象的引用，JQuery的核心方法有四个1.jQuery(html[,ownerDocument]):根据HTML原始字符串动态创建Dom元素 $(divpHello!/p/div).appendTo(body); 2.jQuery( elements ):将一个或多个Dom对象封装为jQuery包装集，就是上面的DOM对象与JQuery包装集转换3.jQuery( callback ):$(document).ready()的简写方式 $(function(){ alert(Hello!);}); ?4.JQuery(selector[,context]):在指定范围内查找符合条件的JQuery包装集，context为查找范围，context可以是DOM对象集也可以是JQuery包装集在所有tr标签中查找id为text11元素的JQuery包装集 var text11_query=$(#text11,tr); ===================jQuery选择器=================== 1. 基础选择器 Basics1.根据标签名进行选择 var input_query=$(input); 2.根据id值选取 var text11_query=$(#text11); ?3.根据class值进行选取 var text11_query=$(.text11); ?4.同时选择多个符合条件的JQuery包装集用,号分隔条件 var text_query=$(#text11,.text12); ?5.选择所有DOM元素 var all_query=$(*); 2.层次选择器 Hierarchy1.从所有tr标签中获取其下面的所有id值为text11的元素 var text11_query=$(tr #text11); ?2.获取所有td标签下的所有直接input子元素 var input_query=$(tdinput); ?3.获取id为text11元素后面的class为button11元素，只获取一个符合条件的元素。text11与button11在地位上属于同级关系 var button11_query=$(#text11+.button11); ?4.获取id为text11元素后面的所有class为button11的元素 var button11_query=$(#text11~.button11); 3.基本过滤器 Basic Filters1.获取第一个input元素 var input_query=$(input:first); ?2.获取最后一个input元素 var input_query=$(input:last); ?3.获取所有未被选