摘要：
添加删除记录（原生） 示例： /*style.css*/ @CHARSET "UTF-8"; #total { width: 450px; margin-left: auto; margin-right: auto; } ul { list-style-type: none; } li { bord 阅读全文
摘要：
爱好选择（原生） 示例： <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>爱好选择（原生）</title> </head> <body> <form method="post" action=""> 你爱好的 阅读全文
摘要：
导航动效 示例： <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>导航动效</title> <style type="text/css"> * { margin: 0; padding: 0; word-wr 阅读全文
摘要：
返回顶部 示例： <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>返回顶部</title> <style type="text/css"> #to_top { width: 30px; height: 40p 阅读全文
摘要：
Tab切换 示例： <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>Tab切换</title> <style type="text/css"> * { margin: 0; padding: 0; } #ta 阅读全文
摘要：
表格隔行变色 示例： <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>表格隔行变色</title> <style type="text/css"> div, span, p { width: 140px; h 阅读全文
摘要：
window.onload与$(document).ready() 区别： window.onload 包括页面的图片加载完后才会回调(晚)。 只能有一个监听回调。 $(document).ready() 等同于：$(function(){})。 页面加载完就回调(早)。 可以有多个监听回调。 示例 阅读全文
摘要：
多库共存问题 问题： 如果有2个库都有$，就存在冲突。 解决： jQuery库可以释放$的使用权，让另一个库可以正常使用，此时jQuery库只能使用jQuery了。 API： jQuery.noConflict(); 示例： <!DOCTYPE html> <html lang="en"> <hea 阅读全文
摘要：
扩展插件 $.extend(object)：扩展jQuery的工具方法。 $.fn.extend(object)：扩展jQuery对象的方法。 示例： <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>扩展插件 阅读全文
摘要：
滑动 说明： 不断改变元素的高度来实现的。 方法： slideDown()：带动画的展开。 slideUp()：带动画的收缩。 slideToggle()：带动画的切换展开/收缩。 示例： <!DOCTYPE html> <html lang="en"> <head> <meta charset=" 阅读全文
摘要：
事件处理 事件绑定： 两种方式 eventName(function(){})：绑定对应事件名的监听，例如：$('#div').click(function(){})。 on(eventName, funcion(){})：通用的绑定事件监听，例如：$('#div').on('click', fun 阅读全文
摘要：
添加节点 append(content)/appendTo()：向当前匹配的所有元素内部的最后插入指定内容。 prepend(content)/preppendTo()：向当前匹配的所有元素内部的最前面插入指定内容。 before(content)：将指定内容插入到当前所有匹配元素的前面。 afte 阅读全文
摘要：
过滤 说明： 在jQuery对象中的元素对象数组中过滤出一部分元素来，并封装成新的jQuery对象返回。 方法： first() last() eq(index|-index) filter(selector)：对当前元素提要求 not(selector)：对当前元素提要求并取反 has(selec 阅读全文
摘要：
style样式 设置css样式/读取css值： css(styleName)：根据样式名得到对应的值。 css(styleName, value)：设置一个样式。 css({多个样式对})：设置多个样式。 示例： <!DOCTYPE html> <html lang="en"> <head> <me 阅读全文
摘要：
属性/文本 操作任意属性： attr(name)/attr(name,value)：读写非布尔值的标签属性。 prop(name)/prop(name,value)：读写布尔值的标签属性。 removeAttr(name)/removeProp(name)：删除属性。 操作class属性： addC 阅读全文
摘要：
方法 $.each()：遍历数组或对象中的数据。 $.trim()：去除字符串两边的空格。 $.type(obj)：得到数据的类型。 $.isArray(obj)：判断是否是数组。 $.isFunction(obj)：判断是否是函数。 $.parseJSON(json)：解析json字符串转换为js 阅读全文
摘要：
概述 说明： 选择器本身只是一个有特定语法规则的字符串，没有实质用处。它的基本语法规则使用的就是CSS的选择器语法，并对其进行了扩展。只有调用$()，并将选择器作为参数传入才能起作用。 $(selector)作用：根据选择器规则在整个文档中查找所有匹配的标签的数组，并封装成jQuery对象返回。 分 阅读全文
摘要：
jQuery核心函数 介绍： 简称jQuery函数，jQuery库向外直接暴露的就是$/jQuery，引入jQuery库后，直接使用$即可。 作为函数使用：$(param) 参数为函数：当DOM加载完成后，执行此回调函数，相当于window.onload = function(文档加载完成的监听)。 阅读全文
摘要：
jQuery介绍 介绍： jQuery，顾名思义，也就是JavaScript和查询（Query），它就是辅助JavaScript开发的js类库。 核心思想： 它的核心思想是write less,do more(写得更少,做得更多)，所以它实现了很多浏览器的兼容问题。 好处： jQuery是免费、开源 阅读全文