-
延时动画操作查看全部
-
$("#btnStop").bind("click", function () { $("apan").stop(); $("#tip").html("执行停止!"); });查看全部
-
$(function () { $("span").animate({ left: "+=100px" }, 3000, function () { $(this).animate({ height: '+=30px', width: '+=30px' }, 3000, function () { $("#tip").html("执行完成!"); }); }); 方法可叠加 调用animate()方法不仅可以制作简单渐渐变大的动画效果，而且还能制作移动位置的动画，在移动位置之前，必须将被移元素的“position”属性值设为“absolute”或“relative”，否则，该元素移动不了。查看全部
-
选项卡插件——tabs 使用选项卡插件可以将<ul>中的<li>选项定义为选项标题，在标题中，再使用<a>元素的“href”属性设置选项标题对应的内容，它的调用格式如下： $(selector).tabs({options}); selector参数为选项卡整体外围元素，该元素包含选项卡标题与内容，options参数为tabs()方法的配置对象，通过该对象还能以ajax方式加载选项卡的内容。 $(function () { $("#tabs").tabs({ //设置各选项卡在切换时的动画效果 fx: { opacity: "toggle", height: "toggle" }, event: "mousemove" //通过移动鼠标事件切换选项卡 }) });查看全部
-
面板折叠插件——accordion 面板折叠插件可以实现页面中指定区域类似“手风琴”的折叠效果，即点击标题时展开内容，再点另一标题时，关闭已展开的内容，调用格式如下： $(selector).accordion({options}); 其中，参数selector为整个面板元素，options参数为方法对应的配置对象。查看全部
-
拖曳排序插件——sortable 拖曳排序插件的功能是将序列元素（例如<option>、<li>）按任意位置进行拖曳从而形成一个新的元素序列，实现拖曳排序的功能，它的调用格式为： $(selector).sortable({options}); selector参数为进行拖曳排序的元素，options为调用方法时的配置对象，查看全部
-
cookie插件——cookie 使用cookie插件后，可以很方便地通过cookie对象保存、读取、删除用户的信息，还能通过cookie插件保存用户的浏览记录，它的调用格式为： 保存：$.cookie(key，value)；读取：$.cookie(key)，删除：$.cookie(key，null) 其中参数key为保存cookie对象的名称，value为名称对应的cookie值。查看全部
-
放置插件——droppable 除使用draggable插件拖曳任意元素外，还可以调用droppable UI插件将拖曳后的任意元素放置在指定区域中，类似购物车效果，调用格式如下： $(selector).droppable({options}) selector参数为接收拖曳元素，options为方法的配置对象，在对象中，drop函数表示当被接收的拖曳元素完全进入接收元素的容器时，触发该函数的调用。查看全部
-
拖曳插件——draggable 拖曳插件draggable的功能是拖动被绑定的元素，当这个jQuery UI插件与元素绑定后，可以通过调用draggable()方法，实现各种拖曳元素的效果，调用格式如下： $(selector). draggable({options}) options参数为方法调用时的配置对象，根据该对象可以设置各种拖曳效果，如“containment”属性指定拖曳区域，“axis”属性设置拖曳时的坐标方向。 如： $(function () { $("#x").draggable({containment:"parent",axis:"x"});//只能在父级的X轴方向上拖动 $("#y").draggable({containment:"parent",axis:"y"});//只能在父级的Y轴方向上拖动 });查看全部
-
$(li[title='蔬菜'])//获取属性为title属性值为蔬菜的元素查看全部
-
可以看出，通过使用$("li:has('p')")选择器代码，获取了包含<p>元素的全部<li>元素，并通过css方法改变了这些元素在页面中显示的文字样式。查看全部
-
从图中可以看出，调用li:contains('土豪')代码，可以很方便地获取<li>中包含‘土豪’字符内容的全部元素，并且只要与选择的元素中或子元素中包含该字符内容，就可以被选中。查看全部
-
$("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元素查看全部
-
$("div span")获取div下的所有span子元素(获取第一代子元素) $("div>span")获取div下的直接span子元素 $("div+span")获取div同级的第一个span元素 $("div~span")获取div同级的所有span元素查看全部
-
$("父辈 子辈") //(关系)亲 长辈与晚辈 $("父辈>子辈") //(关系)亲 父与子 与上一个比定位更精确 $("兄+弟") //(关系)亲 兄弟 找出一个弟弟 $("兄~弟") //(关系)亲 兄弟 找出多个弟弟查看全部
举报
0/150
提交
取消