摘要: 表格隔行变色 示例: <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>表格隔行变色</title> <style type="text/css"> div, span, p { width: 140px; h 阅读全文
posted @ 2020-07-13 14:16 北冥煮鲲 阅读(178) 评论(0) 推荐(0) 编辑
摘要: window.onload与$(document).ready() 区别: window.onload 包括页面的图片加载完后才会回调(晚)。 只能有一个监听回调。 $(document).ready() 等同于:$(function(){})。 页面加载完就回调(早)。 可以有多个监听回调。 示例 阅读全文
posted @ 2020-07-13 14:07 北冥煮鲲 阅读(305) 评论(0) 推荐(0) 编辑
摘要: 多库共存问题 问题: 如果有2个库都有$,就存在冲突。 解决: jQuery库可以释放$的使用权,让另一个库可以正常使用,此时jQuery库只能使用jQuery了。 API: jQuery.noConflict(); 示例: <!DOCTYPE html> <html lang="en"> <hea 阅读全文
posted @ 2020-07-13 14:06 北冥煮鲲 阅读(97) 评论(0) 推荐(0) 编辑
摘要: 扩展插件 $.extend(object):扩展jQuery的工具方法。 $.fn.extend(object):扩展jQuery对象的方法。 示例: <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>扩展插件 阅读全文
posted @ 2020-07-13 14:05 北冥煮鲲 阅读(127) 评论(0) 推荐(0) 编辑
摘要: 滑动 说明: 不断改变元素的高度来实现的。 方法: slideDown():带动画的展开。 slideUp():带动画的收缩。 slideToggle():带动画的切换展开/收缩。 示例: <!DOCTYPE html> <html lang="en"> <head> <meta charset=" 阅读全文
posted @ 2020-07-13 14:04 北冥煮鲲 阅读(161) 评论(0) 推荐(0) 编辑
摘要: 事件处理 事件绑定: 两种方式 eventName(function(){}):绑定对应事件名的监听,例如:$('#div').click(function(){})。 on(eventName, funcion(){}):通用的绑定事件监听,例如:$('#div').on('click', fun 阅读全文
posted @ 2020-07-13 14:03 北冥煮鲲 阅读(116) 评论(0) 推荐(0) 编辑
摘要: 添加节点 append(content)/appendTo():向当前匹配的所有元素内部的最后插入指定内容。 prepend(content)/preppendTo():向当前匹配的所有元素内部的最前面插入指定内容。 before(content):将指定内容插入到当前所有匹配元素的前面。 afte 阅读全文
posted @ 2020-07-13 14:02 北冥煮鲲 阅读(145) 评论(0) 推荐(0) 编辑
摘要: 过滤 说明: 在jQuery对象中的元素对象数组中过滤出一部分元素来,并封装成新的jQuery对象返回。 方法: first() last() eq(index|-index) filter(selector):对当前元素提要求 not(selector):对当前元素提要求并取反 has(selec 阅读全文
posted @ 2020-07-13 14:01 北冥煮鲲 阅读(180) 评论(0) 推荐(0) 编辑
摘要: style样式 设置css样式/读取css值: css(styleName):根据样式名得到对应的值。 css(styleName, value):设置一个样式。 css({多个样式对}):设置多个样式。 示例: <!DOCTYPE html> <html lang="en"> <head> <me 阅读全文
posted @ 2020-07-13 14:00 北冥煮鲲 阅读(145) 评论(0) 推荐(0) 编辑
摘要: 属性/文本 操作任意属性: attr(name)/attr(name,value):读写非布尔值的标签属性。 prop(name)/prop(name,value):读写布尔值的标签属性。 removeAttr(name)/removeProp(name):删除属性。 操作class属性: addC 阅读全文
posted @ 2020-07-13 13:59 北冥煮鲲 阅读(172) 评论(0) 推荐(0) 编辑