-
UI插件开始，head要引入ui.js 拖曳插件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（）则相反查看全部
-
使用bind()方法绑定元素的事件 bind()方法绑定元素的事件非常方便，绑定前，需要知道被绑定的元素名，绑定的事件名称，事件中执行的函数内容就可以，它的绑定格式如下： $(selector).bind(event,[data] function) 参数event为事件名称，多个事件名称用空格隔开，function为事件执行的函数。查看全部
-
用bind()绑定事件，点击一次就改变一次字体，而one()是一次性的，只改变一次 $("div").bind("click", function () { intI++; $(this).css("font-size", intI + "px"); })查看全部
-
调用toggle()方法实现动画切换效果 比show和hide更简便的方法，调用toggle()方法就可以很容易做到，即如果元素处于显示状态，调用该方法则隐藏该元素，反之，则显示该元素 $(selector).toggle(speed,[callback]); 其中speed参数为动画效果时的速度值，可以为数字，单位为毫秒，也可以是fast slow等字符，可选项参数callback为执行成功后回调的函数名称。查看全部
-
:has(selector)过滤选择器 $("li:has('label')").css("background-color", "blue"); 表示li的子代有label即将该li标签操作查看全部
-
如果在方法中增加speed参数可以实现动画效果的显示和隐藏，同时，如果添加了方法的回调函数，它将在显示或隐藏执行成功后被调用。查看全部
-
show()显示页面中的元素<br> hide()隐藏页面中的元素<br> $(selector).hide(speed,[callback])<br> $(selector).show(speed,[callback])<br> 参数speed设置隐藏或显示时的速度值slow fast 等或毫秒数值可选项参数callback为隐藏或显示动作执行动作完成后的函数查看全部
-
:contains(text)过滤选择器 $("li:contains('jQuery')").css("background", "green"); 使用:contains(text)选择器获取包含“jQuery”文字内容的全部元素查看全部
-
:eq(index)过滤选择器 $("li:eq(2)") 其中参数index表示索引号（即：一个整数），它从0开始，如果index的值为2，表示选择的是第3个元素。查看全部
-
:first/last过滤选择器 $("li:first") //li标签的第一个 $("li:last") //li标签的最后一个查看全部
-
[attribute*=value]属性选择器 介绍一个功能更为强大的属性选择器[attribute*=value]，它可以获取属性值中包含指定内容的全部元素，其中[]是专用于属性选择器的括号符，参数attribute表示属性名称，value参数表示对应的属性值。查看全部
-
var $strHTML =$（“p:visible").html();<br> $("div").html($strHTML);从图中可以看出$("p:visible”）选择器代码，获取那个可见的<p>元素，并调用html()方法获取该元素的内容，最后将元素显示在<div>元素中查看全部
-
var $strHTML = $("input:hidden").val(); $("div").html($strHTML);查看全部
-
prev ~ siblings选择器 NEW!!! $("prev ~ siblings") 与上一节中介绍的prev + next层次选择器相同，prev ~ siblings选择器也是查找prev 元素之后的相邻元素，但前者只获取第一个相邻的元素，而后者则获取prev 元素后面全部相邻的元素 注意：prev + next 和 prev ~siblings 都是→相邻←的元素，不跟子代概念沾边 $("p~label").html("我们都是p先生的粉丝");查看全部
举报
0/150
提交
取消