-
文本框的focus和blur事件 focus事件在元素获取焦点时触发，如点击文本框时，触发该事件； 而blur事件则在元素丢失焦点时触发，如点击除文本框的任何元素，都会触发该事件。查看全部
-
调用trigger()方法手动触发指定的事件 trigger()方法可以直接手动触发元素指定的事件，这些事件可以是元素自带事件，也可以是自定义的事件，总之，该事件必须能执行，它的调用格式为： $(selector).trigger(event) 其中event参数为需要手动触发的事件名称。 $("div").bind("change-color", function () { $(this).addClass("color"); }); $("div").trigger("change-color");查看全部
-
使用one()方法绑定元素的一次性事件 one()方法可以绑定元素任何有效的事件，但这种方法绑定的事件只会触发一次，它的调用格式如下： $(selector).one(event,[data],fun) 参数event为事件名称，data为触发事件时携带的数据，fun为触发该事件时执行的函数。 因为事件函数只能执行一次，执行完成后，无论如何单击，都不再触发。查看全部
-
$("div").trigger("change-color");相当与函数调用查看全部
-
淡入淡出的效果查看全部
-
隐藏的元素可调用slideDown()展开,显示的元素可调用slideUp()收起查看全部
-
动画效果实现show(),hide()查看全部
-
$("#id"). //获取标签的id值,可以替代JS的getElementsById(); $("div"). //获取标签，可以替代JS的getElementsByTagName();查看全部
-
通过判断input里面的value值，来控制ul是不是显示，这个很实用啊~查看全部
-
不太懂啊，和bind有什么区别查看全部
-
使用unbind()方法移除元素绑定的事件 unbind()方法可以移除元素已绑定的事件，它的调用格式如下： $(selector).unbind(event,fun) 其中参数event表示需要移除的事件名称，多个事件名用空格隔开，fun参数为事件执行时调用的函数名称。 取消多个事件可以用空格分隔 $("div").unbind("click dblclick") 取消全部事件设置为无参 $("div").unbind()查看全部
-
var page=document.getElementsByTagName("p"); for(var i=0;i<page.length;i++) { page[i].innerHTML="hello imooc"; } 等价于 $("p").html("Hello iMooc!"); //修改标签之间的值 在jQuery中 $()方法等价于jQuery()方法,前者比较常用，是后者的简写.查看全部
-
搜索插件的功能是通过插件的autocomplete()方法与文本框相绑定，当文本框输入字符时，绑定后的插件将返回与字符相近的字符串提示选择，调用格式如下： $(textbox).autocomplete(urlData,[options]); 其中，textbox参数为文本框元素名称，urlData为插件返回的相近字符串数据，可选项参数options为调用插件方法时的配置对象。 $(function () { var arrUserName = ["王五", "刘明", "李小四", "刘促明", "李渊", "张小三", "王小明"]; $("#txtSearch").autocomplete(arrUserName,{ minChars: 0, //双击空白文本框时显示全部提示数据 formatItem: function (data, i, total) { return "<I>" + data[0] + "</I>"; //改变匹配数据显示的格式 }, formatMatch: function (data, i, total) { return data[0]; }, formatResult: function (data) { return data[0]; } }).result(SearchCallback); function SearchCallback(event, data, formatted) { $(".tip") .show().html("您的选择是：" + (!data ? "空" : formatted)); } });查看全部
-
使用cookie插件后，可以很方便地通过cookie对象保存、读取、删除用户的信息，还能通过cookie插件保存用户的浏览记录，它的调用格式为： 保存：$.cookie(key，value)；读取：$.cookie(key)，删除：$.cookie(key，null) 其中参数key为保存cookie对象的名称，value为名称对应的cookie值。 $(function () { if ($.cookie("email")) { $("#email").val($.cookie("email")); } $("#btnSet").bind("click", function () { if ($("#chksave").is(":checked")) { $.cookie("username",$("#username").val(), { path: "/", expires: 7 }) } else { $.cookie("username",null, { path: "/" }) } }); }); 当点击“设置”按钮时，如果是“否保存”的复选框为选中状态时，则使用cookie对象保存，否则，删除保存的cookie用户名，如下图所示： 由于在点击“设置”按钮时，选择了保存，因此，输入框中的值被cookie保存，下次打开浏览器时，直接获取并显示保存的cookie值。查看全部
-
在调用jqzoom图片放大镜插件时，需要准备一大一小两张一样的图片，在页面中显示小图片，当鼠标在小图片中移动时，调用该插件的jqzoom()方法，显示与小图片相同的大图片区域，从而实现放大镜的效果，调用格式如下： $(linkimage).jqzoom({options}) 其中linkimage参数为包含图片的<a>元素名称，options为插件方法的配置对象。 <script type="text/javascript"> $(function () { $("#jqzoom").jqzoom({ //绑定图片放大插件jqzoom zoomWidth: 230, //小图片所选区域的宽 zoomHeight: 230, //小图片所选区域的高 zoomType: 'reverse' //设置放大镜的类型 }); }); </script> 当在小图片中移动鼠标时，将调用放大镜插件的jqzoom()方法，在图片的右侧显示与小图片所选区域相同的放大区域，实现放大镜的效果。查看全部
举报
0/150
提交
取消