AJAX的相关使用方法
发布时间:2020-12-16 00:32:56 所属栏目:百科 来源:网络整理
导读:基本选择器$(”#myDiv”) 匹配唯一的具有此id值的元素$(”div”) 匹配指定名称的所有元素$(”.myClass”) 匹配具有此class样式值的所有元素$(”*”) 匹配所有元素$(”div,span,p.myClass”) 联合所有匹配的选择器层叠选择器$(”form input”) 后代选择器,选
基本选择器 $(”#myDiv”) 匹配唯一的具有此id值的元素 $(”div”) 匹配指定名称的所有元素 $(”.myClass”) 匹配具有此class样式值的所有元素 $(”*”) 匹配所有元素 $(”div,span,p.myClass”) 联合所有匹配的选择器 层叠选择器 $(”form input”) 后代选择器,选择ancestor的所有子孙节点 $(”#main > *”) 子选择器,选择parent的所有子节点 $(”label + input”) 临选择器,选择prev的下一个临节点 $(”#prev ~ div”) 同胞选择器,选择prev的所有同胞节点 基本过滤选择器 $(”tr:first”) 匹配第一个选择的元素 $(”tr:last”) 匹配最后一个选择的元素 $(”input:not(:checked) + span”)从原元素集合中过滤掉匹配selector的所有元素(这里有是一个临选择器) $(”tr:even”) 匹配集合中偶数位置的所有元素(从0开始) $(”tr:odd”) 匹配集合中奇数位置的所有元素(从0开始) $(”td:eq(2)”) 匹配集合中指定位置的元素(从0开始) $(”td:gt(4)”) 匹配集合中指定位置之后的所有元素(从0开始) $(”td:gl(4)”) 匹配集合中指定位置之前的所有元素(从0开始) $(”:header”) 匹配所有标题 $(”div:animated”) 匹配所有正在运行动画的所有元素 内容过滤选择器 $(”div:contains(’John’)”) 匹配含有指定文本的所有元素 $(”td:empty”) 匹配所有空元素(只含有文本的元素不算空元素) $(”div:has(p)”) 从原元素集合中再次匹配所有至少含有一个selector的所有元素 $(”td:parent”) 匹配所有不为空的元素(含有文本的元素也算) $(”div:hidden”) 匹配所有隐藏的元素,也包括表单的隐藏域 $(”div:visible”) 匹配所有可见的元素 属性过滤选择器 $(”div[id]”) 匹配所有具有指定属性的元素 $(”input[name=’newsletter’]”) 匹配所有具有指定属性值的元素 $(”input[name!=’newsletter’]”) 匹配所有不具有指定属性值的元素 $(”input[name^=’news’]”) 匹配所有指定属性值以value开头的元素 $(”input[name$=’letter’]”) 匹配所有指定属性值以value结尾的元素 $(”input[name*=’man’]”) 匹配所有指定属性值含有value字符的元素 $(”input[id][name$=’man’]”) 匹配同时符合多个选择器的所有元素 子元素过滤选择器 $(”ul li:nth-child(2)”),$(”ul li:nth-child(odd)”),匹配父元素的第n个子元素 $(”ul li:nth-child(3n + 1)”) $(”div span:first-child”) 匹配父元素的第1个子元素 $(”div span:last-child”) 匹配父元素的最后1个子元素 $(”div button:only-child”) 匹配父元素的唯一1个子元素 表单元素选择器 $(”:input”) 匹配所有的表单输入元素,包括所有类型的input,textarea,select 和 button $(”:text”) 匹配所有类型为text的input元素 $(”:password”) 匹配所有类型为password的input元素 $(”:radio”) 匹配所有类型为radio的input元素 $(”:checkbox”) 匹配所有类型为checkbox的input元素 $(”:submit”) 匹配所有类型为submit的input元素 $(”:image”) 匹配所有类型为image的input元素 $(”:reset”) 匹配所有类型为reset的input元素 $(”:button”) 匹配所有类型为button的input元素 $(”:file”) 匹配所有类型为file的input元素 $(”:hidden”) 匹配所有类型为hidden的input元素或表单的隐藏域 表单元素过滤选择器 $(”:enabled”) 匹配所有可操作的表单元素 $(”:disabled”) 匹配所有不可操作的表单元素 $(”:checked”) 匹配所有已点选的元素 $(”select option:selected”) 匹配所有已选择的元素 JQuery CSS 方法说明 css( name ) 访问第一个匹配元素的样式属性。 css( properties ) 把一个”名/值对”对象设置为所有匹配元素的样式属性。 $(”p”).hover(function () { $(this).css({ backgroundColor:”yellow”,fontWeight:”bolder” }); },function () { var cssObj = { backgroundColor: “#ddd”,fontWeight: “”,color: “rgb(0,40,244)” } $(this).css(cssObj); }); css( name,value ) 在所有匹配的元素中,设置一个样式属性的值。 offset( ) 取得匹配的第一个元素相对于当前可视窗口的位置。返回的对象有2个属性, top和left,属性值为整数。这个函数只能用于可见元素。 var p = $(”p:last”); var offset = p.offset(); p.html( “left: ” + offset.left + “,top: ” + offset.top ); width( ) 取得当前第一匹配的元素的宽度值, width( val ) 为每个匹配的元素设置指定的宽度值。 height( ) 取得当前第一匹配的元素的高度值, height( val ) 为每个匹配的元素设置指定的高度值。 JQuery Utilities 方法说明 jQuery.browser .msie 表示ie jQuery.browser.version 读取用户浏览器的版本信息 jQuery.boxModel 检测用户浏览器针对当前页的显示是否基于w3c CSS的盒模型 jQuery.isFunction( obj ) 检测传递的参数是否为function function stub() { } var objs = [ function () {},{ x:15,y:20 },null,stub,“function” ]; jQuery.each(objs,function (i) { var isFunc = jQuery.isFunction(objs[i]); $(”span:eq( ” + i + “)”).text(isFunc); }); jQuery.trim( str ) 清除字符串两端的空格,使用正则表达式来清除给定字符两端的空格 jQuery.each( object,callback ) 一个通用的迭代器,可以用来无缝迭代对象和数组 jQuery.extend( target,object1,[objectN] ) 扩展一个对象,修改原来的对象并返回,这是一个强大的实现继承的 工具,这种继承是采用传值的方法来实现的,而不是JavaScript中的 原型链方式。 合并settings和options对象,返回修改后的settings对象 var settings = { validate: false,limit: 5,name: “foo” }; var options = { validate: true,name: “bar” }; jQuery.extend(settings,options); 合并defaults和options对象,defaults对象并没有被修改。options对象中的值 代替了defaults对象的值传递给了empty。 var empty = {} var defaults = { validate: false,name: “bar” }; var settings = $.extend(empty,defaults,options); jQuery.grep( array,callback,[invert] ) 通过一个筛选函数来去除数组中的项 $.grep( [0,1,2],function(n,i){ return n > 0; }); jQuery.makeArray( obj ) 将一个类似数组的对象转化为一个真正的数组 将选取的div元素集合转化为一个数组 var arr = jQuery.makeArray(document.getElementsByTagName(”div”)); arr.reverse(); // use an Array method on list of dom elements $(arr).appendTo(document.body); jQuery.map( array,callback ) 使用某个方法修改一个数组中的项,然后返回一个新的数组 jQuery.inArray( value,array ) 返回value在数组中的位置,如果没有找到,则返回-1 jQuery.unique( array ) 删除数组中的所有重复元素,返回整理后的数组 (编辑:李大同) 【声明】本站内容均来自网络,其相关言论仅代表作者个人观点,不代表本站立场。若无意侵犯到您的权利,请及时与联系站长删除相关内容! |