jquery基本用法
2011-04-27 10:25
302 查看
函数 | 描述 |
---|---|
$(selector).hide() | 隐藏被选元素 |
$(selector).show() | 显示被选元素 |
$(selector).toggle() | 切换(在隐藏与显示之间)被选元素 |
$(selector).slideDown() | 向下滑动(显示)被选元素 |
$(selector).slideUp() | 向上滑动(隐藏)被选元素 |
$(selector).slideToggle() | 对被选元素切换向上滑动和向下滑动 |
$(selector).fadeIn() | 淡入被选元素 |
$(selector).fadeOut() | 淡出被选元素 |
$(selector).fadeTo() | 把被选元素淡出为给定的不透明度 |
$(selector).animate() | 对被选元素执行自定义动画 |
jQuery 函数创建自定义动画的语法:
$(selector).animate({params},[duration],[easing],[callback])
关键的参数是 params。它定义产生动画的 CSS 属性。可以同时设置多个此类属性:
animate({width:"70%",opacity:0.4,marginLeft:"0.6in",fontSize:"3em"});
第二个参数是 duration。它定义用来应用到动画的时间。它设置的值是:"slow", "fast", "normal" 或毫秒。
实例 1
<script type="text/javascript"> $(document).ready(function(){ $("#start").click(function(){ $("#box").animate({height:300},"slow"); $("#box").animate({width:300},"slow"); $("#box").animate({height:100},"slow"); $("#box").animate({width:100},"slow"); }); }); </script>
函数 | 描述 |
---|---|
$(selector).html(content) | 改变被选元素的(内部)HTML |
$(selector).append(content) | 向被选元素的(内部)HTML 追加内容 |
$(selector).prepend(content) | 向被选元素的(内部)HTML “预置”(Prepend)内容 |
$(selector).after(content) | 在被选元素之后添加 HTML |
$(selector).before(content) | 在被选元素之前添加 HTML |
相关文章推荐
- jquery基本选择器的用法解析
- jquery基本的用法
- Jquery基本用法总结
- Jquery-zTree的基本用法
- Jquery中基本选择器用法实例详解
- Jquery的一些基本用法
- Jquery-zTree的基本用法
- Jquery的基本用法
- Jquery-zTree的基本用法
- jquery常用基本用法
- jquery.validate.js的基本用法入门
- jQuery基本过滤选择器用法示例
- Jquery-zTree的基本用法
- jquery validate.js表单验证的基本用法入门
- Jquery-zTree的基本用法
- jquery validate.js表单验证的基本用法入门--不用写繁琐的验证代码了...
- jquery validate.js表单验证的基本用法入门
- Jquery-zTree的基本用法
- Jquery-zTree的基本用法
- jquery validate.js表单验证的基本用法入门