-
<script type="tetx/javascript"> </script>查看全部
-
使用hover()方法切换事件 hover()方法的功能是当鼠标移到所选元素上时，执行方法中的第一个函数，鼠标移出时，执行方法中的第二个函数，实现事件的切实效果，调用格式如下： $(selector).hover(over，out); over参数为移到所选元素上触发的函数，out参数为移出元素时触发的函数。查看全部
-
onstrain-movement(限制范围移动)： $(”#draggable”).draggable({ axis: ‘y’ }); //限制y轴 $(”#draggable2″).draggable({ axis: ‘x’ }); //限制x轴 $(”#draggable3″).draggable({ containment: ‘#containment-wrapper’, scroll: false }); //不出现滚动条 $(”#draggable4″).draggable({ containment: ‘#demo-frame’ }); $(”#draggable5″).draggable({ containment: ‘parent’ }); //限制在父系框架中查看全部
-
使用bind()方法绑定元素的事件 bind()方法绑定元素的事件非常方便，绑定前，需要知道被绑定的元素名，绑定的事件名称，事件中执行的函数内容就可以，它的绑定格式如下： $(selector).bind(event,[data] function) 参数event为事件名称，多个事件名称用空格隔开，function为事件执行的函数。查看全部
-
delay()方法的功能是设置一个延时值来推迟动画效果的执行，它的调用格式为： $(selector).delay(duration) 其中参数duration为延时值，它的单位是毫秒，当超过延时值时，动画继续执行。 例子： <h3>调用delay()方法延时执行动画效果</h3> <span></span> <input id="btnStop" type="button" value="延时" /> <div id="tip"></div> <script type="text/javascript"> $(function () { $("span").animate({ left: "+=100px" }, 3000, function () { $(this).animate({ height: '+=60px', width: '+=60px' }, 3000, function () { $("#tip").html("执行完成!"); }); }); $("#btnStop").bind("click", function () { $("span").delay(2000) $("#tip").html("正在延时!"); }); }); </script>查看全部
-
页面加载时触发ready()事件 ready()事件类似于onLoad()事件，但前者只要页面的DOM结构加载后便触发，而后者必须在页面全部元素加载成功才触发，ready()可以写多个，按顺序执行。此外，下列写法是相等的： $(document).ready(function(){})等价于$(function(){});查看全部
-
使用remove()和empty()方法删除元素 remove()方法删除所选元素本身和子元素，该方法可以通过添加过滤参数指定需要删除的某些元素，而empty()方法则只删除所选元素的子元素。查看全部
-
使用each()方法遍历元素 使用each()方法可以遍历指定的元素集合，在遍历时，通过回调函数返回遍历元素的序列号，它的调用格式为： $(selector).each(function(index)) 参数function为遍历时的回调函数，index为遍历元素的序列号，它从0开始。查看全部
-
stop()方法的功能是在动画完成之前，停止当前正在执行的动画效果，这些效果包括滑动、淡入淡出和自定义的动画，它的调用格式为： $(selector).stop([clearQueue],[goToEnd]) 其中，两个可选项参数clearQueue和goToEnd都是布尔类型值，前者表示是否停止正在执行的动画，后者表示是否完成正在执行的动画，默认为false。 例子： $(function () { $("span").animate({ left: "+=100px" }, 3000, function () { $(this).animate({ height: '+=60px', width: '+=60px' }, 3000, function () { $("#tip").html("执行完成!"); }); }); $("#btnStop").bind("click", function () { $("span").stop(); $("#tip").html("执行停止!"); }); });查看全部
-
使用wrap()和wrapInner()方法包裹元素和内容 wrap()和wrapInner()方法都可以进行元素的包裹，但前者用于包裹元素本身，后者则用于包裹元素中的内容，它们的调用格式分别为： $(selector).wrap(wrapper)和$(selector).wrapInner(wrapper) 参数selector为被包裹的元素，wrapper参数为包裹元素的格式。查看全部
-
通过eq选择获取元素时,第一个元素的索引号为0,同时注意:eq间无空格查看全部
-
:last-child查看全部
-
:first过滤选择器可以获取指定父元素中的首个子元素，但该选择器返回的只有一个元素，并不是一个集合，而使用:first-child子元素过滤选择器则可以获取每个父元素中返回的首个子元素，它是一个集合，常用多个集合数据的选择处理查看全部
-
replaceWith()和replaceAll()方法都可以用于替换元素或元素中的内容，但它们调用时，内容和被替换元素所在的位置不同，分别为如下所示： $(selector).replaceWith(content)和$(content).replaceAll(selector) 参数selector为被替换的元素，content为替换的内容。查看全部
-
通过表单form插件，调用ajaxForm()方法，实现ajax方式向服务器提交表单数据，并通过方法中的options对象获取服务器返回数据，调用格式如下： $(form). ajaxForm ({options}) 其中form参数表示表单元素名称；options是一个配置对象，用于在发送ajax请求过程，设置发送时的数据和参数。查看全部
举报
0/150
提交
取消