-
使用before()和after()在元素前后插入内容 使用before()和after()方法可以在元素的前后插入内容,它们分别表示在整个元素的前面和后面插入指定的元素或内容,调用格式分别为: $(selector).before(content)和$(selector).after(content) 其中参数content表示插入的内容,该内容可以是元素或HTML字符串。查看全部
-
使用slideToggle()方法实现图片“变脸”效果 使用slideToggle()方法可以切换slideUp()和slideDown(),即调用该方法时,如果元素已向上滑动,则元素自动向下滑动,反之,则元素自动向上滑动,格式为: $(selector).slideToggle(speed,[callback]) 其中speed参数为动画效果时的速度值,可以为数字,单位为毫秒,也可是“fast”、“slow”字符,可选项参数callback为方法执行成功后回调的函数名称。查看全部
-
拖曳插件draggable的功能是拖动被绑定的元素,当这个jQuery UI插件与元素绑定后,可以通过调用draggable()方法,实现各种拖曳元素的效果,调用格式如下: $(selector). draggable({options}) options参数为方法调用时的配置对象,根据该对象可以设置各种拖曳效果,如“containment”属性指定拖曳区域,“axis”属性设置拖曳时的坐标方向。查看全部
-
使用slideUp()和slideDown()方法的滑动效果 可以使用slideUp()和slideDown()方法在页面中滑动元素,前者用于向上滑动元素,后者用于向下滑动元素,它们的调用方法分别为: $(selector).slideUp(speed,[callback])和$(selector).slideDown(speed,[callback]) 其中speed参数为滑动时的速度,单位是毫秒,可选项参数callback为滑动成功后执行的回调函数名。 要注意的是:slideDown()仅适用于被隐藏的元素;slideup()则相反。查看全部
-
通过调用自定义插件twoaddresult中的不同方法,可以实现对两个数值进行相加和相减的运算,导入插件后,调用格式分别为: $.addNum(p1,p2) 和 $.subNum(p1,p2) 上述调用格式分别为计算两数值相加和相减的结果,p1和p2为任意数值。查看全部
-
自定义的lifocuscolor插件可以在<ul>元素中,鼠标在表项<li>元素移动时,自定义其获取焦点时的背景色,即定义<li>元素选中时的背景色,调用格式为: $(Id).focusColor(color) 其中,参数Id表示<ul>元素的Id号,color表示<li>元素选中时的背景色。查看全部
-
我怎么没看出来和toggle()有什么不一样呢查看全部
-
Bingo!查看全部
-
使用appendTo()方法向被选元素内插入内容 appendTo()方法也可以向指定的元素内插入内容,它的使用格式是: $(content).appendTo(selector) 参数content表示需要插入的内容,参数selector表示被选的元素,即把content内容插入selector元素内,默认是在尾部。查看全部
-
不错!查看全部
-
h4的宽度是怎么决定的?查看全部
-
使用append()方法向元素内追加内容 append(content)方法的功能是向指定的元素中追加内容,被追加的content参数,可以是字符、HTML元素标记,还可以是一个返回字符串内容的函数。查看全部
-
移除属性和样式 使用removeAttr(name)和removeClass(class)分别可以实现移除元素的属性和样式的功能,前者方法中参数表示移除属性名,后者方法中参数则表示移除的样式名查看全部
-
与上一节介绍的:eq(index)选择器按索引查找元素相比,有时候我们可能希望按照文本内容来查找一个或多个元素,那么使用:contains(text)选择器会更加方便, 它的功能是选择包含指定字符串的全部元素,它通常与其他元素结合使用,获取包含“text”字符串内容的全部元素对象。其中参数text表示页面中的文字。查看全部
-
搜索插件——autocomplete。搜索插件的功能是通过插件的autocomplete()方法与文本框相绑定,当文本框输入字符时,绑定后的插件将返回与字符相近的字符串提示选择,调用格式如下: $(textbox).autocomplete(urlData,[options]); 其中,textbox参数为文本框元素名称,urlData为插件返回的相近字符串数据,可选项参数options为调用插件方法时的配置对象。 例子:<input id="txtSearch" type="text" /><div class="tip"> js: $(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)); } });查看全部
举报
0/150
提交
取消