-
prev + next选择器 可以查找与“prev”元素紧邻的下一个“next”元素,格式如下: $(“prev + next”) “prev”元素最紧邻的下一个元素由“next”选择器返回的并且只返回唯的一个元素 eg: $("p+label").css("background-color","red");查看全部
-
:hidden过滤选择器,获取全部不可见的元素,包括type:hidden和,如: <input type="hidden" value="我已经隐藏起来了" /> var $hiddenHTML = $("input:hidden").val(); $("div").html($hiddenHTML); 就是获取不可见的input元素的value值,并将其内容输出在div里查看全部
-
parent > child选择器 所选择的目标是子集元素,相当于一个家庭中的子辈们,但不包括孙辈,它的调用格式如下: $(“parent > child”) eg: $("div>label").css("border", "solid 5px red");查看全部
-
ance desc选择器 $("ance desc") 快速定位某一层次的一个或多个元素,ance desc选择器就是其中之一,它的调用格式如下: ance参数为家族名称,desc参数为子或孙辈名称。 eg: $("div label").css("background-color","blue");查看全部
-
11-1 获取浏览器的名称与版本信息 $.browser.chrome,$.browser.mozilla为true,$.browser.version 11-2 检测浏览器是否属于W3C盒子模型 $.support.boxModel 11-3 检测对象是否为空 $.isEmptyObject(obj); 11-4 检测对象是否为原始对象 $.isPlainObject (obj); 11-5 检测两个节点的包含关系 $.contains (container, contained); 11-6 字符串操作函数 $.trim (str); 11-7 URL操作函数 $. param (obj); 11-8 使用$.extend()扩展工具函数 $. extend ({options}); 11-9 使用$.extend()扩展Object对象 $. extend (obj1,obj2,…objN);查看全部
-
:has(selector)标签过滤选择器,获取包含指定元素标签的元素 如:$("li:has('label')") 就可以获取包含<label>标签的所有<li>元素,只要包含就行,子孙都可以。查看全部
-
调用名为$. param的工具函数,能使对象或数组按照key/value格式进行序列化编码,该编码后的值常用于向服务端发送URL请求,调用格式为: $. param (obj); 参数obj表示需要进行序列化的对象,该对象也可以是一个数组,整个函数返回一个经过序列化编码后的字符串。查看全部
-
:contains(text)文字过滤选择器,可以选择包含指定字符串的所有元素。 如:$("li:contains('jQuery')") 就可以获取所有包含"jQuery"字符串的li元素(区分大小写)查看全部
-
:eq(index) 索引过滤选择器,可以获取指定数组中指定索引号的元素,比:first和:last更为灵活 :first效果等同于:eq(0); 如:$("li:eq(2)")就获取了li元素列表中的第三个元素 注意:过滤选择器的符号:两边不能够有空格查看全部
-
:first, :last 过滤选择器,具备着某种过滤规则,像这里的:first和:last获取第一个或最后一个就是过滤规则,但是只能返回一个元素。 类似于firstChlid和lastChild,不过:first(:last)比其方便多了,不需要get一个数组在获取孩子,起作用等同于:document.getElementsByTagName("li").firstChild;查看全部
-
sele1,sele2,seleN选择器 $(“sele1,sele2,seleN”) 表示选择任意多个指定的元素 eg: $(".red,.green").html("hi!"); $("div,p").html("hello!");查看全部
-
element选择器$("div"),类选择器$(".green"),ID选择器("#red") 层次选择器:$("div label") 选择div元素下的label元素 父子选择器:$("div>span") 邻居选择器$("p+span") 获取离<p>元素最近的下一个<span>元素 has选择器:在div元素中,包含了一个<span>元素,通过has选择器获取<div>元素中的<span>元素的语法是:$("div:has(span)"); 需要注意的是:元素和选择器字符之间是不能有字符的,有就会错查看全部
-
* 选择器(取走全部铅笔) $(“*”) 表示获取某元素中的全部子元素。 eg: $("form *").attr("disabled", "true"); $("div *").html("我们是一家人!");查看全部
-
.class 选择器(寻找红色铅笔) $(“.class”) 通过class选择器的方式获取元素,并调用元素的attr()方法获取元素的类别名称,并将名称显示在页面中。 eg: var $redHTML = $(".red").html(); 或 var $redHTML = $(".red").attr("class"); $(".green").html($redHTML);查看全部
-
jQuery常用插件 1.表单验证插件validate,自带包含必填、数字、URL在内容的验证规则,即时显示异常信息,此外,还允许自定义验证规则,调用:$(form).validate({options}),form参数表示表单元素名称,options参数表示调用方法时的配置对象,所有的验证规则和异常信息显示的位置都在该对象中进行设置。 2.表单插件form,通过此插件调用ajaxForm()方法,实现ajax方式向服务器提交表单数据,并通过方法中的options对象获取服务器返回数据,调用格式如下:$(form). ajaxForm ({options}) 3.图片灯箱插件lightBox,用圆角的方式展示选择中的图片,使用按钮查看上下张图片,在加载图片时自带进度条,还能以自动播放的方式浏览图片,调用:$(linkimage).lightBox({options}),linkimage参数为包含图片的<a>元素名称,options为插件方法的配置对象。 4.图片放大镜插件jqzoom,在调用插件时,需要准备一大一小两张一样的图片,在页面中显示小图片,当鼠标在小图片中移动时,调用该插件的jqzoom()方法,显示与小图片相同的大图片区域,从而实现放大镜的效果,调用:$(linkimage).jqzoom({options}),linkimage参数为包含图片的<a>元素名称,options为插件方法的配置对象。 5.cookie插件,使用插件后,可以很方便地通过cookie对象保存、读取、删除用户的信息,还能通过cookie插件保存用户的浏览记录,调用:保存:$.cookie(key,value,[options]);读取:$.cookie(key),删除:$.cookie(key,null),参数key为保存cookie对象的名称,value为名称对应的cookie值,options为域、路径、期限等配置信息。 6.搜索插件autocomplete,通过插件的autocomplete()方法与文本框相绑定,当文本框输入字符时,绑定后的插件将返回与字符相近的字符串提示选择,调用:$(textbox).autocomplete(urlData,[options]),textbox参数为文本框元素名称,urlData为插件返回的相近字符串数据。查看全部
举报
0/150
提交
取消