-
6.搜索插件——autocomplete 搜索插件的功能是通过插件的autocomplete()方法与文本框相绑定，当文本框输入字符时，绑定后的插件将返回与字符相近的字符串提示选择，调用格式如下： $(textbox).autocomplete(urlData,[options]); 其中，textbox参数为文本框元素名称，urlData为插件返回的相近字符串数据，可选项参数options为调用插件方法时的配置对象。 例如，当用户在文本框输入内容时，调用搜索插件的autocomplete()方法返回与输入内容相匹配的字符串数据，显示在文本框下，提示选择查看全部
-
:last-child子元素过滤选择器,获取每个父元素中返回的最后一个子元素，它也是一个集合，常用多个集合数据的选择处理。查看全部
-
:first-child子元素过滤选择器，可以获取每个父元素中返回的首个子元素，它是一个集合，常用多个集合数据的选择处理。查看全部
-
<script type="text/javascript"> $(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: "/" }) } }); }); </script>查看全部
-
5.cookie插件——cookie 使用cookie插件后，可以很方便地通过cookie对象保存、读取、删除用户的信息，还能通过cookie插件保存用户的浏览记录，它的调用格式为： 保存：$.cookie(key，value)；读取：$.cookie(key)，删除：$.cookie(key，null) 其中参数key为保存cookie对象的名称，value为名称对应的cookie值。 例如，当点击“设置”按钮时，如果是“否保存用户名”的复选框为选中状态时，则使用cookie对象保存用户名，否则，删除保存的cookie用户名查看全部
-
<script type="text/javascript"> $(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)); } }); </script>查看全部
-
[attribute*=value]属性选择器，获取属性值中包含指定内容的全部元素。查看全部
-
通过:text表单选择器只获取单行的文本输入框元素，对于<textarea>区域文本、按钮元素无效。查看全部
-
[attribute!=value]属性选择器,获取不包含属性名，或者与属性名和属性值不相同的全部元素.查看全部
-
<script type="text/javascript"> $(function () { $("#jqzoom").jqzoom({//绑定图片放大插件jqzoom zoomWidth: 123, //小图片所选区域的宽 zoomHeight: 123, //小图片所选区域的高 zoomType: 'reverse' //设置放大镜的类型 }); }); </script>查看全部
-
4.图片放大镜插件——jqzoom 在调用jqzoom图片放大镜插件时，需要准备一大一小两张一样的图片，在页面中显示小图片，当鼠标在小图片中移动时，调用该插件的jqzoom()方法，显示与小图片相同的大图片区域，从而实现放大镜的效果，调用格式如下： $(linkimage).jqzoom({options}) 其中linkimage参数为包含图片的<a>元素名称，options为插件方法的配置对象。 例如，在页面中，添加一个被<a>元素包含的图片元素，当在图片元素中移动鼠标时，在图片的右边，将显示放大后的所选区域效果查看全部
-
<ul> <li>aa</li> <li>bb</li> <li>cc</li> <li>dd</li> <li class="hidden">ee</li> <li class="hidden">ff</li> <li>gg</li> </ul> <a onclick="hey()" class="aa">更多</a> <script type="text/javascript"> function hey(){ var text=$(".aa").html(); if(text == "更多"){ $(".aa").html("简化"); $("li.hidden").show(); }else{ $(".aa").html("更多"); $("li.hidden").hide(); } } </script>查看全部
-
<link href="http://www.imooc.com/data/jquery.jqzoom.css" rel="stylesheet" type="text/css" /> <link href="style.css" rel="stylesheet" type="text/css" /> <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.jqzoom.js"></script> $("#jqzoom").jqzoom({ //绑定图片放大插件jqzoom zoomWidth: 123, //小图片所选区域的宽 zoomHeight: 123, //小图片所选区域的高 zoomType: 'reverse' //设置放大镜的类型 }); });查看全部
-
[attribute='value']属性选择器,获取与属性名和属性值完全相同的全部元素，其中[]是专用于属性选择器的括号符，参数attribute表示属性名称，value参数表示属性值，value用''单引号括起来。查看全部
-
<title>图片灯箱插件</title> <link rel="stylesheet" type="text/css" href="http://www.imooc.com/data/jquery.notesforlightbox.css" /> <link href="style.css" rel="stylesheet" type="text/css" /> <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.notesforlightbox.js"></script> $(function () { $(".divPics a").lightBox({ overlayBgColor: "#666", //图片浏览时的背景色 overlayOpacity: 0.5, //背景色的透明度 containerResizeSpeed: 600 //图片切换时的速度 }) });查看全部
举报
0/150
提交
取消