-
append(content)方法的功能是向指定的元素中追加内容,被追加的content参数,可以是字符、HTML元素标记,还可以是一个返回字符串内容的函数。 不管是什么,其实最终都是呈现的字符串形式。查看全部
-
$(document).ready(function(){}) $(function(){})查看全部
-
搜索插件——autocomplete 搜索插件的功能是通过插件的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)); } }); 简便用法: $(function() { var availableTags = [ "ActionScript", "AppleScript", "ColdFusion", "Erlang", "Fortran", "Groovy", "Haskell", "Java", "JavaScript", "Lisp", "Perl", "PHP", "Python", "Ruby", "Scala", "Scheme" ]; $( "#tags" ).autocomplete({ source: availableTags }); });查看全部
-
<div><span></span></div><br/><br/><br/><br/><br/> <input type="button" class="leftMove" value="左移"> <input type="button" class="rightMove" value="右移"> <script type="text/javascript"> $(function () { $('.leftMove').click(function () { if ($("span").position().left >= 50) { $("span").animate({ left: "-=50px" }); } }); $(".rightMove").click(function () { if (($("span").position().left >= 0)&&($("span").position().left<=1150)) { $("span").animate({ left: '+=50px' }); } }); }) </script>查看全部
-
jQuery(function(){ });用于存放操作DOM对象的代码,执行其中代码时DOM对象已存在。不可用于存放开发插件的代码,因 为jQuery对象没有得到传递,外部通过jQuery.method也调用不了其中的方法(函数)。 (function(){ })(jQuery);用于存放开发插件的代码,执行其中代码时DOM不一定存在,所以直接自动执行DOM操作的代码 请小心使用查看全部
-
cookie插件——cookie 使用cookie插件后,可以很方便地通过cookie对象保存、读取、删除用户的信息,还能通过cookie插件保存用户的浏览记录,它的调用格式为: 保存:$.cookie(key,value); 读取:$.cookie(key); 删除:$.cookie(key,null); 其中参数key为保存cookie对象的名称,value为名称对应的cookie值。 例如,当点击“设置”按钮时,如果是“否保存用户名”的复选框为选中状态时,则使用cookie对象保存用户名,否则,删除保存的cookie用户名 $(function () { if ($.cookie("email")) { $("#email").val($.cookie("email")); } $("#btnSet").bind("click", function () { if ($("#chksave").is(":checked")) { $.cookie("email", $("#email").val(),{ path: "/", expires: 7 }); } else { $.cookie("email", null,{ path: "/" }); } }); }); [option]参数说明: (1)expires:有限日期,可以是一个整数或一个日期(单位:天)。这个地方也要注意,如果不设置这个东西,浏览器关闭之后此cookie就失效了 (2)path:cookie值保存的路径,默认与创建页路径一致。 (3)domin: cookie域名属性,默认与创建页域名一样。这个地方要相当注意,跨域的概念,如果要主域名二级域名有效则要设置".xxx.com" (4)secure:一个布尔值,表示传输cookie值时,是否需要一个安全协议。查看全部
-
其中参数settings为发送ajax请求时的配置对象,在该对象中,url表示服务器请求的路径,data为请求时传递的数据,dataType为服务器返回的数据类型,success为请求成功的执行的回调函数,type为发送数据请求的方式,默认为get查看全部
-
【过滤选择器:根据某种”过滤规则“进行元素的匹配,书写时以“:”号开头;通常用于查找集合元素中的“某一位置的单个”元素】 1、:first/:last过滤选择器--获取第一个/最后一个元素;常与其它选择器一起使用,获取指定的一组元素中的第一个/最后一个元素。 2、:eq(index)过滤选择器--从一组标签元素数组中,灵活选择“任意”的一个标签元素。参数index表示索引号,从0开始。 3、:contains(text)过滤选择器--选择“包含指定字符串”的全部元素,通常与其他元素结合使用,获取包含“text”字符串内容的全部元素对象。其中参数text表示页面中的文字。 4、:has(selector)过滤选择器--获取选择器中包含指定元素名称的全部元素。 5、:hidden过滤选择器--获取全部不可见的元素,包括type属性值为hidden的元素。 6、:visible过滤选择器--获取全部可见的元素,也就是只要不将元素的display属性值设置为“none”,都可以通过该选择器获取。 7、[attribute=value]属性选择器--获取与属性名和属性值完全相同的全部元素,属性值中的‘’单引号可以不写。 8、[attribute!=value]属性选择器--获取不包含属性名,或者与属性名和属性值不相同的全部元素 9、[attribute*=value]选择器--获取属性值中包含指定内容的全部元素 10、:first-child子元素过滤选择器--获取“每个”父元素中返回的首个子元素,是一个集合,常用多个集合数据的选择处理。 11、:last-child子元素过滤选择器--获取每个父元素中返回的最后一个子元素,也是一个集合,常用多个集合数据的选择处理。查看全部
-
clone()查看全部
-
active,初始化时,展开的项。 event,切换选项卡的事件,默认为click。(mouseover,鼠标滑过切换) alwaysOpen,保证有一个选项是展开的。默认为true。 animated,设置动画效果。 autoHeight,各个选项的高度设置为所有内容中最高的高度。 clearStyle,折叠面板后自动清除 height 和 overflow 样式. fillSpace,充满容器的高度,此时autoHeight无效。 header,设置头元素,$("#accordion").accordion({ header: "h3" }); 时间: 2015-11-17查看全部
-
【wrap wrapall wrapInner区别】 https://segmentfault.com/a/1190000000780313查看全部
-
ready()事件类似于onLoad()事件,但前者只要页面的DOM结构加载后便触发,而后者必须在页面全部元素加载成功才触发,ready()可以写多个,按顺序执行。此外,下列写法是相等的: $(document).ready(function(){})等价于$(function(){});查看全部
-
remove()方法删除所选元素本身和子元素,该方法可以通过添加过滤参数指定需要删除的某些元素,而empty()方法则只删除所选元素的子元素。查看全部
-
replaceWith()和replaceAll()方法都可以用于替换元素或元素中的内容,但它们调用时,内容和被替换元素所在的位置不同,分别为如下所示: $(selector).replaceWith(content)和$(content).replaceAll(selector) 参数selector为被替换的元素,content为替换的内容。查看全部
-
remove()和empty(),前者是移除本身,后者是移除元素内部所用内容。查看全部
举报
0/150
提交
取消