-
:eq(index)过滤选择器 如果想从一组标签元素数组中,灵活选择任意的一个标签元素,我们可以使用 :eq(index) 其中参数index表示索引号(即:一个整数),它从0开始,如果index的值为3,表示选择的是第4个元素。查看全部
-
trigger()方法可以直接手动触发元素指定的事件,这些事件可以是元素自带事件,也可以是自定义的事件,总之,该事件必须能执行,它的调用格式为: $(selector).trigger(event) 其中event参数为需要手动触发的事件名称。 $(function () { $("div").bind("change-color", function () { $(this).addClass("color"); }); $("div").trigger("change-color"); });查看全部
-
$("div") 标签选择器 $("form *") form下的所有标签 $(".class") 类选择器 $("#id") id选择器 $("div span")div下的所有span $("div>label")div的子label $("div+span")div下的第一个span $("div~span")div同一级别下的所有span $("li:first")第一个li元素 $("li:last")最后一个li元素查看全部
-
先检测cookie对象是否存,如果存在,则将输入框的内容显示为该cookie对象值,接下来选中复选框时,保存cookie,否则,删除对应的cookie对象。 在设置cookie对象时,可以使用可选项参数options配置对象,设置cookie的过期时间和保存路径。查看全部
-
在调用jqzoom图片放大镜插件时,需要准备一大一小两张一样的图片,在页面中显示小图片,当鼠标在小图片中移动时,调用该插件的jqzoom()方法,显示与小图片相同的大图片区域,从而实现放大镜的效果,调用格式如下: $(linkimage).jqzoom({options}) 配置参数: zoomType,默认值:’standard’,另一个值是’reverse’,是否将原图用半透明图层遮盖。 zoomWidth,默认值:200,放大窗口的宽度。 zoomHeight,默认值:200,放大窗口的高度。 xOffset,默认值:10,放大窗口相对于原图的x轴偏移值,可以为负。 yOffset,默认值:0,放大窗口相对于原图的y轴偏移值,可以为负。 position,默认值:’right’,放大窗口的位置,值还可以是:’right’ ,’left’ ,’top’ ,’bottom’。 lens,默认值:true,若为false,则不在原图上显示镜头。 imageOpacity,默认值:0.2,当zoomType的值为’reverse’时,这个参数用于指定遮罩的透明度。 title,默认值:true,在放大窗口中显示标题,值可以为a标记的title值,若无,则为原图的title值。 showEffect,默认值:’show’,显示放大窗口时的效果,值可以为: ‘show’ ,’fadein’。 hideEffect,默认值:’hide’,隐藏放大窗口时的效果: ‘hide’ ,’fadeout’。 fadeinSpeed,默认值:’fast’,放大窗口的渐显速度(选项: ‘fast’,'slow’,'medium’)。 fadeoutSpeed,默认值:’slow’,放大窗口的渐隐速度(选项: ‘fast’,'slow’,'medium’)。 showPreload,默认值:true,是否显示加载提示Loading zoom(选项: ‘true’,'false’)。 preloadText,默认值:’Loading zoom’,自定义加载提示文本。 preloadPosition,默认值:’center’,加载提示的位置,值也可以为’bycss’,以通过css指定位置。查看全部
-
$("#frmTest input:submit")<br> <button>也有submit的含义,所以加input更有指定性查看全部
-
prev ~ siblings选择器 与上一节中介绍的prev + next层次选择器相同,prev ~ siblings选择器也是查找prev 元素之后的相邻元素,但前者只获取第一个相邻的元素,而后者则获取prev 元素后面全部相邻的元素,它的调用格式如下: $(“prev ~ siblings”) 其中参数prev与siblings两者之间通过“~”符号形成一种层次相邻的关系,表明siblings选择器获取的元素都是prev元素之后的同辈元素。查看全部
-
$("span").empty()清除子元素 $("span").remove()清除本身和子元素查看全部
-
通过表单form插件,调用ajaxForm()方法,实现ajax方式向服务器提交表单数据,并通过方法中的options对象获取服务器返回数据,调用格式如下: $(form). ajaxForm ({options}) 其中form参数表示表单元素名称;options是一个配置对象,用于在发送ajax请求过程,设置发送时的数据和参数。 参数说明 target : String(可选参数)更新到服务器响应的元素标识符,这个值可以指定为一个JQUERY选择器字符串,一个JQUERY对象,或一个DOM元素。 url : String(可选参数)将要提交form数据URL,默认值:form动作属性。 type : String(可选参数)'get' 或 'post',override for form's 'method' attribute clearForm : boolean(可选参数) true,提交成功后清除表单所有字段 <script type="text/javascript"> $(function () { var options = { url: "http://www.imooc.com/data/form_f.php", target: ".tip" } $("#frmV").ajaxForm(options); }); </script>查看全部
-
在配置对象中,首先,获取邮件元素名称作为声明目标,然后,将元素的required值设为true,表示不能为空,email值设为 true,表示为邮件格式。 “required”和“email”属性值只接收布尔类型的值。 <script type="text/javascript" src="http://www.imooc.com/data/jquery-1.8.2.min.js"></script> <script type="text/javascript" src="http://www.imooc.com/data/jquery.validate.js"></script> <script type="text/javascript" src="http://www.imooc.com/data/jquery.validate.messages_cn.js"></script>查看全部
-
one()方法可以绑定元素任何有效的事件,但这种方法绑定的事件只会触发一次,它的调用格式如下: $(selector).one(event,[data],fun) 参数event为事件名称,data为触发事件时携带的数据,fun为触发该事件时执行的函数。查看全部
-
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(); $("div").removeClass("color"); $(this).attr("disabled", "true"); }); });查看全部
-
toggle()方法可以在元素的click事件中绑定两个或两个以上的函数,同时,它还可以实现元素的隐藏与显示的切换,绑定多个函数的调用格式如下:<br> $(selector).toggle(fun1(),fun2(),funN(),...) $(function () { $("#btntest").bind("click", function () { $("div").toggle( function () { $(this).html("苹果"); }); }); });查看全部
-
通过prev + next选择器就可以查找与“prev”元素紧邻的下一个“next”元素,格式如下: $(“prev + next”) 其中参数prev为任何有效的选择器,参数“next”为另外一个有效选择器,它们之间的“+”表示一种上下的层次关系,也就是说,“prev”元素最紧邻的下一个元素由“next”选择器返回的并且只返回唯的一个元素。查看全部
-
bind()方法绑定元素的事件非常方便,绑定前,需要知道被绑定的元素名,绑定的事件名称,事件中执行的函数内容就可以,它的绑定格式如下$(selector).bind(event,[data] function) $(document).ready(function(){ $("#btntest").bind("click",function(){ $("#btntest").attr("disabled","false"); }) });查看全部
举报
0/150
提交
取消