-
面板折叠插件——accordion 面板折叠插件可以实现页面中指定区域类似“手风琴”的折叠效果，即点击标题时展开内容，再点另一标题时，关闭已展开的内容，调用格式如下： $(selector).accordion({options}); 其中，参数selector为整个面板元素，options参数为方法对应的配置对象。 例如，通过accordion插件展示几个相同区域面板的折叠效果，如下图所示：查看全部
-
拖曳排序插件——sortable 拖曳排序插件的功能是将序列元素（例如<option>、<li>）按任意位置进行拖曳从而形成一个新的元素序列，实现拖曳排序的功能，它的调用格式为： $(selector).sortable({options}); selector参数为进行拖曳排序的元素，options为调用方法时的配置对象， 例如，在页面中，通过加载sortable插件将<ul>元素中的各个<li>表项实现拖曳排序的功能，如下图所示： 从图中可以看出，由于使用sortable插件绑定了<ul>元素，并设置了拖曳时的透明度，因此，<ul>中的各个<li>元素则能指定的透明度进行任意的拖曳排序。查看全部
-
放置插件——droppable 除使用draggable插件拖曳任意元素外，还可以调用droppable UI插件将拖曳后的任意元素放置在指定区域中，类似购物车效果，调用格式如下： 从图中可以看出，先调用draggable插件任意拖曳“产品区”的元素，然后，调用droppable插件绑定“购物车”中接收元素，当“产品区”元素完全拖曳至“购物车”时，触发定义的drop函数，改变“购物车”中背景色和总数量值。 $(selector).droppable({options}) selector参数为接收拖曳元素，options为方法的配置对象，在对象中，drop函数表示当被接收的拖曳元素完全进入接收元素的容器时，触发该函数的调用。 例如，在页面中，通过调用droppable插件将“产品区”中的元素拖曳至“购物车”中，同时改变“购物车”的背景色和数量值，如下图所示：查看全部
-
拖曳插件——draggable 拖曳插件draggable的功能是拖动被绑定的元素，当这个jQuery UI插件与元素绑定后，可以通过调用draggable()方法，实现各种拖曳元素的效果，调用格式如下： $(selector). draggable({options}) options参数为方法调用时的配置对象，根据该对象可以设置各种拖曳效果，如“containment”属性指定拖曳区域，“axis”属性设置拖曳时的坐标方向。 例如，在页面中的<div>元素中添加两个子类<div>，通过与拖曳插件绑定，这两个子类<div>元素只能在外层的父<div>元素中任意拖曳，如下图所示：查看全部
-
如果想从一组标签元素数组中选取指定位置的元素，可以用:eq(index) 例如$("li:eq(3)") 正数表示按顺序来，负数表示按逆序来查看全部
-
过滤选择器不同于前面的基础选择器，主要是有了各种过滤规则 例如$("li:first") 选取了第一个li标签查看全部
-
element选择器$("div")，类选择器$(".green"),ID选择器("#red") 层次选择器：$("div label") 选择div元素下的label元素 父子选择器：$("div > span") 邻居选择器$(“div + span”) has选择器：在div元素中,包含了一个<span>元素,通过has选择器获取<div>元素中的<span>元素的语法是:$("div:has(span)"); 最后一个选择器：$("li:last");查看全部
-
调用trigger()方法手动触发指定的事件 trigger()方法可以直接手动触发元素指定的事件，这些事件可以是元素自带事件，也可以是自定义的事件，总之，该事件必须能执行，它的调用格式为： $(selector).trigger(event) 其中event参数为需要手动触发的事件名称。 eg: $(function () { $("div").bind("change-color", function () { $(this).addClass("color"); }); $("div").trigger("change-color"); });查看全部
-
$(“prev ~ siblings”) 其中参数prev与siblings两者之间通过“~”符号形成一种层次相邻的关系，表明siblings选择器获取的元素都是prev元素之后的同辈元素，特别要注意的是，都是同辈元素查看全部
-
prev+next选择器 $("prev next") prev表示一个有效的目标元素 next表示离这个目标元素最近的元素查看全部
-
父子选择器 parent>child 这个的目标要小一些 局限在目标元素和其下一级的子元素 $(“parent > child”)查看全部
-
addClass()和css()方法 操作元素的样式 addClass()括号中的参数为增加元素的样式名称 css()直接将样式的属性内容写在括号中。查看全部
-
html()和text()方法 操作元素的内容,当两个方法的参数为空时，表示获取该元素的内容，而如果方法中包含参数，则表示将参数值设置为元素内容。 区别： html()方法可以获取元素的HTML内容，因此，原文中的格式代码也被一起获取 text()方法只是获取元素中的文本内容，并不包含HTML格式代码查看全部
-
unbind()方法可以移除元素已绑定的事件，它的调用格式如下： $(selector).unbind(event,fun) 其中参数event表示需要移除的事件名称，多个事件名用空格隔开，fun参数为事件执行时调用的函数名称。 如果没有规定参数，unbind() 方法会删除指定元素的所有事件处理程序。 eg: $("div").unbind("click dblclick");查看全部
-
attr()方法 attr()方法的作用是设置或者返回元素的属性， 格式： attr(属性名) 获取元素属性名的值 attr(属性名，属性值) 设置元素属性名的值查看全部
举报
0/150
提交
取消