那有木有考虑过append/prepend和after/before有什么区别呢?
append
<p> <span class="s1">s1</span></p><script>$("p").append('<span class="s2">s2</span>');</script>
<p> <span class="s1">s1</span> <span class="s2">s2</span></p>
after
<p> <span class="s1">s1</span></p><script>$("p").after('<span class="s2">s2</span>');</script>
结果是这样的:
<p> <span class="s1">s1</span></p><span class="s2">s2</span>
总结:
append/prepend 是在选择元素内部嵌入。
after/before 是在元素外面追加。
动画队列停止动画测试,只停止当前正在进行的动画,停止当前动画后,队列中的下一个动画开始进行:
$(document).ready(function(){ $("#flip").click(function(){ $("#panel").slideDown(5000); $("#panel").slideUp(5000); }); $("#stop").click(function(){ $("#panel").stop(); });});
尝试一下 »
一.keypress,keydown,keyup的区别:
二.两种常用用法举例
案例1:获取按键代码或字符的ASCII码
$(window).keydown( function(event){ // 通过event.which可以拿到按键代码. 如果是keypress事件中,则拿到ASCII码.} );
案例2:传递数据给事件处理函数
语法:
jQueryObject.keydown( [[ data ,] handler ] );
举例:
// 只允许按下的字母键生效, 65~90是所有小写字母的键盘代码范围.var validKeys = { start: 65, end: 90 };$("#keys").keydown( validKeys, function(event){ var keys = event.data; //拿到validKeys对象. return event.which >= keys.start && event.which <= keys.end;} );
jQuery 入口函数:
$(document).ready(function(){ // 执行代码});或者$(function(){ // 执行代码});
JavaScript 入口函数:
window.onload = function () { // 执行代码}
jQuery 入口函数与 JavaScript 入口函数的区别:
jQuery 的功能概括
1、html 的元素选取
2、html的元素操作
3、html dom遍历和修改
4、js特效和动画效果
5、css操作
6、html事件操作
7、ajax异步请求方式
感谢您的支持,我会继续努力的!
支付宝扫一扫,即可进行扫码打赏哦
200jQuery 添加元素
那有木有考虑过append/prepend和after/before有什么区别呢?
append
结果是这样的:after
结果是这样的:
总结:
append/prepend 是在选择元素内部嵌入。
after/before 是在元素外面追加。
199jQuery 效果 – 停止动画
动画队列停止动画测试,只停止当前正在进行的动画,停止当前动画后,队列中的下一个动画开始进行:
尝试一下 »
198jQuery 事件
一.keypress,keydown,keyup的区别:
二.两种常用用法举例
案例1:获取按键代码或字符的ASCII码
案例2:传递数据给事件处理函数
语法:
举例:
197jQuery 语法
jQuery 入口函数:
JavaScript 入口函数:
jQuery 入口函数与 JavaScript 入口函数的区别:
195jQuery 简介
jQuery 的功能概括
1、html 的元素选取
2、html的元素操作
3、html dom遍历和修改
4、js特效和动画效果
5、css操作
6、html事件操作
7、ajax异步请求方式