-
:radio单选按钮选择器 起作用与:input, :text, :password 类似，但其选择的是所有单选框。 如：$("#frmTest :radio").attr("disabled","true"); 就是获取了#frmTest下面的所有单选框 .attr("disabled","true"); 用 .attr()为其添加了属性，attr("disabled","true");表示不可用，显示的效果就是按钮灰了，不能点。查看全部
-
:password表单密码选择器，作用与:text 相似，但它获取的是<input>里所有type="password"的密码输入框。 如：$("#frmTest :password") 注意：中间还是有空格的！与:text 一样。 空格表示属于id为#frmTest元素的子孙，而:password则表示选择器，合起来的意思就是获取属于id为#frmTest的元素的子孙，而且要为密码输入框的所有元素查看全部
-
:text表单文本选择器，获取表单中全部单行的文本输入框元素，注意时单行，像<input type="text" />这类。<textarea>, <button>等就不行了。 如：$("#frmTest :text") 就是获取#frmTest里的所有单行文本输入框查看全部
-
:input表单选择器，可以获取全部表单元素，包括以<input>为标签的输入框、按钮、多选框、单选框、submit等，还包括<textarea>、<button>、<select>等所有表单元素。 如：$("#frmTest :input").addClass("bg_blue"); 获取id为frmTest的元素下面的所有表单元素，并通过addClass为其添加一个类名 注意：:input 和 前面的#frmTest 之间是有一个空格！(原因：id为frmTest的元素与要被选择的元素不是同一级)查看全部
-
live方法其实是bind方法的变种，其基本功能就同bind方法的功能是一样的，都是为一个元素绑定某个事件，但是bind方法只能给当前存在的元素 绑定事件，对于事后采用JS等方式新生成的元素无效，而live方法则正好弥补了bind方法的这个缺陷，它可以对后生成的元素也可以绑定相应的事件。 $(selector).live(event,[data],fun),参数event为事件名称，data为触发事件时携带的数据，fun为触发该事件时执行的函数。从 jQuery 1.7 开始，不再建议使用 .live() 方法。1.9不支持.live() $(function () { $("#btntest").live("mouseout click",function () { $(this).attr("disabled", "true"); }) $("body").append("<input id='btntest' type='button' value='点击或移出就不可用了' />"); });查看全部
-
当一个元素的值发生变化时，将会触发change事件，例如在选择下拉列表框中的选项时，就会触change事件。 $(function () { $("#seltest").bind("change", function () { if ($(this).val() == "苹果") { $(this).css("background-color", "red"); $("div").html("点击了"+$(this).val()) } else $(this).css("background-color", "green"); }) });查看全部
-
focus事件在元素获取焦点时触发，如点击文本框时，触发该事件；而blur事件则在元素丢失焦点时触发，如点击除文本框的任何元素，都会触发该事件。 $(function () { $("input") .bind("focus", function () { $("div").html("请输入您的姓名！"); }) .bind("blur", function () { if ($(this).val().length == 0) $("div").html("你的名称不能为空！"); }) });查看全部
-
trigger()方法可以直接手动触发元素指定的事件，这些事件可以是元素自带事件，也可以是自定义的事件，总之，该事件必须能执行，它的调用格式为： $(selector).trigger(event) 其中event参数为需要手动触发的事件名称。 $(function () { $("div").bind("change-color", function () { $(this).addClass("color"); }); $("div").bind("mouseover",function(){$("div").trigger("change-color")}) $("div").bind("mouseout",function(){$("div").trigger("change-color")}) });查看全部
-
one()方法可以绑定元素任何有效的事件，但这种方法绑定的事件只会触发一次，它的调用格式如下： $(selector).one(event,[data],fun) 参数event为事件名称，data为触发事件时携带的数据，fun为触发该事件时执行的函数。 $(function () { var intI = 0; $("div").one("click",intI, function () { intI++; $(this).html(intI); $(this).css("font-size", intI + "px"); }) });查看全部
-
unbind()方法可以移除元素已绑定的事件，它的调用格式如下： $(selector).unbind(event,fun) 其中参数event表示需要移除的事件名称，多个事件名用空格隔开，fun参数为事件执行时调用的函数名称。 $(function () { $("div").bind("click", function () { $(this).removeClass("backcolor").addClass("color"); }).bind("dblclick", function () { $(this).removeClass("color").addClass("backcolor"); }) $("#btntest").bind("click", function () { $("div").unbind("dblclick"); $(this).attr("disabled", "true"); }); });查看全部
-
3-1 :first过滤选择器 :last 3-2 :eq(index)过滤选择器 :gt(index) :lt(index) 3-3 :contains(text)过滤选择器 3-4 :has(selector)过滤选择器 3-5 :hidden过滤选择器 3-6 :visible过滤选择器 3-7 [attribute=value]属性选择器 3-8 [attribute!=value]属性选择器 3-9 [attribute*=value]属性选择器 3-10 :first-child子元素过滤选择器 3-11 :last-child子元素过滤选择器 $("li:gt(3):not(:last)")查看全部
-
使用serialize()方法序列化表单元素值 使用serialize()方法可以将表单中有name属性的元素值进行序列化，生成标准URL编码文本字符串，直接可用于ajax请求，它的调用格式如下： $(selector).serialize() 其中selector参数是一个或多个表单中的元素或表单元素本身。查看全部
-
[attribute=value]属性选择器的功能是获取与属性名和属性值完全相同的全部元素，其中[]是专用于属性选择器的括号符，参数attribute表示属性名称，value参数表示属性值。 e.g: <li title="蔬菜">芹菜</li> $("li[title='蔬菜']").css("background-color", "green"); ====================value的值用单引号''也可不用==============================查看全部
-
:has(selector)过滤选择器的功能是获取选择器中包含指定元素名称的全部元素，其中selector参数就是包含的元素名称，是被包含元素.查看全部
-
通过点击来实现查看更多或收起 $("li:gt(3):not(:last)") 表示获取<li>列表中的第四个以后的全部元素，但不包括最后一个 不会做，伐开心(T^T)查看全部
举报
0/150
提交
取消