-
:checked可以获取处于选中状态的全部元素 不管是复选框还是单选框查看全部
-
调用live()方法绑定元素的事件 与bind()方法相同，live()方法与可以绑定元素的可执行事件，除此相同功能之外，live()方法还可以绑定动态元素，即使用代码添加的元素事件，格式如下： $(selector).live(event,[data],fun) 参数event为事件名称，data为触发事件时携带的数据，fun为触发该事件时执行的函数。 虽然按钮元素是在事件绑定声明之后，并且是通过追加的方式添加至页面的，但由于使用的是live()方法绑定元素的事件，因此，仍然生效。 eg: $(function () { $("#btntest").live("click mouseout", function () { $(this).attr("disabled", "true"); }) $("body").append("<input id='btntest' type='button' value='点击或移出就不可用了' />"); });查看全部
-
当一个<input>元素的“type”属性值设为“image”时，该元素就是一个图像域，使用:image选择器可以快速获取该类全部元素 :image选择器只能获取<input>图像域，而不能获取<img>格式的图像元素查看全部
-
下拉列表框的change事件 当一个元素的值发生变化时，将会触发change事件，例如在选择下拉列表框中的选项时，就会触change事件。 eg: $(function () { $("select").bind("change", function () { if ($(this).val() == "苹果") $(this).css("background-color", "red"); else $(this).css("background-color", "green"); }) });查看全部
-
菜单工具插件——menu 菜单工具插件可以通过<ul>创建多级内联或弹出式菜单，支持通过键盘方向键控制菜单滑动，允许为菜单的各个选项添加图标，调用格式如下： $(selector).menu({options}); selector参数为菜单列表中最外层<ul>元素，options为menu()方法的配置对象。 例如，在页面中，通过<ul>元素内联的方式构建一个三层结构的导航菜单，并将最外层<ul>元素通过menu()方法绑定插件，实现导航菜单的功能，如下图所示：从图中可以看出，通过<ul>内嵌的方式，构建一个三层结构的导航菜单，将<li>元素的class属性值设为“ui-state-disabled”，可将菜单选项置为不可用状态。查看全部
-
文本框的focus和blur事件 focus事件在元素获取焦点时触发，如点击文本框时，触发该事件；而blur事件则在元素丢失焦点时触发，如点击除文本框的任何元素，都会触发该事件。 eg: $(function () { $("input") .bind("focus", function () { $("div").html("请输入您的姓名！"); }) $("input").bind("blur", function () { if ($(this).val().length == 0) $("div").html("你的名称不能为空！"); }) });查看全部
-
$("#frmTest :input").addClass("bg_blue"); 注：:inoput前面有空格查看全部
-
对话框插件——dialog 对话框插件可以用动画的效果弹出多种类型的对话框，实现JavaScript代码中alert()和confirm()函数的功能，它的调用格式为：从图中可以看出，当文本框的内容为空时，调用自定义的sys_Alert函数，在该函数中再调用dialog插件的dialog()方法，弹出带模式的显示信息对话框。 $(selector).dialog({options}); selector参数为显示弹出对话框的元素，通常为<div>，options参数为方法的配置对象，在对象中可以设置对话框类型、“确定”、“取消”按钮执行的代码等。 例如，当点击“提交”按钮时，如果文本框中的内容为空，则通过dialog插件弹出提示框，提示输入内容不能为空，如下图所示：查看全部
-
选项卡插件——tabs 使用选项卡插件可以将<ul>中的<li>选项定义为选项标题，在标题中，再使用<a>元素的“href”属性设置选项标题对应的内容，它的调用格式如下： $(selector).tabs({options}); selector参数为选项卡整体外围元素，该元素包含选项卡标题与内容，options参数为tabs()方法的配置对象，通过该对象还能以ajax方式加载选项卡的内容。 例如，在页面中，添加选项卡的标题和内容元素，并绑定tabs插件，当点击标题时，以选项卡的方式切内容，如下图所示： 从图中可以看出，在tabs()方法的配置对象中，通过“fx”属性设置了选项卡切换时的效果，“event”属性设置鼠标也可以切换选项卡，因此，当鼠标在移动至两个选项卡标题时，对应内容以动画的效果自动切换。查看全部
-
hide()方法的功能是隐藏指定的元素查看全部
-
自定义对象级插件——lifocuscolor插件，使用前必须先引入，可以使鼠标移动到上面时<li>元素变色。 如：$("#u1").focusColor("#ccc"); 实际上就是遍历所有<li>元素后，添加mouseover和mouseout事件查看全部
-
:password选择器，它的功能是获取表单中全部的密码输入文本框元素查看全部
-
:text表单选择器只获取单行的文本输入框元素，对于<textarea>区域文本、按钮元素无效 还是要有个空格查看全部
-
右键菜单插件——contextmenu 可以修改绑带元素的右击效果，通常自建一个<li>，将右键菜单选项填进去。 $(selector).contextMenu(menuId,{options}); menuID为自建的菜单查看全部
-
$("#frmTest :input") 这里有空格的查看全部
举报
0/150
提交
取消