checkbox样式

目录 一、JQuery介绍 二、JQuery的优势 三、JQuery 内容 四、JQuery对象 五、JQuery创建对象 六、JQuery的基础语法 6.1 基本元素选择器 6.2 基本元素筛选器 七、属性选择器 八、筛选器方法 8.1 查找(find) 8.2 筛选(filter) 九、表单元素选择器 十、表单对象属性 十一、操作标签 11.1 样式操作(CSS) 11.2 位置操作 11.3 尺寸操作 11.4 文本操作 11.5 属性操作 11.6 porp和attr的区别 11.7 文档处理 十二、事件 12.1 常用事件 12.2 事件绑定 12.3 移出事件 12.4 阻止后续事件执行 12.5 组织事件冒泡 12.6 页面加载 12.7 JQ页面加载DOM页面加载的区别 12.8 事件委托 十三、动画效果 十四、each 一、JQuery介绍 jQuery是一个轻量级的、兼容多浏览器的JavaScript库。 jQuery使用户能够更方便地处理HTML Document、Events、实现动画效果、方便地进行Ajax交互，能够极大地简化JavaScript编程。它的宗旨就是：“Write less, do more.“ 二、JQuery的优势 一款轻量级的JS框架。jQuery核心js文件才几十kb，不会影响页面加载速度。 丰富的DOM选择器

目录 一、JQuery介绍 二、JQuery的优势 三、JQuery 内容 四、JQuery对象 五、JQuery创建对象 六、JQuery的基础语法 6.1 基本元素选择器 6.2 基本元素筛选器 七、属性选择器 八、筛选器方法 8.1 查找(find) 8.2 筛选(filter) 九、表单元素选择器 十、表单对象属性 十一、操作标签 11.1 样式操作(CSS) 11.2 位置操作 11.3 尺寸操作 11.4 文本操作 11.5 属性操作 11.6 porp和attr的区别 11.7 文档处理 十二、事件 12.1 常用事件 12.2 事件绑定 12.3 移出事件 12.4 阻止后续事件执行 12.5 组织事件冒泡 12.6 页面加载 12.7 JQ页面加载DOM页面加载的区别 12.8 事件委托 十三、动画效果 十四、each 一、JQuery介绍 jQuery是一个轻量级的、兼容多浏览器的JavaScript库。 jQuery使用户能够更方便地处理HTML Document、Events、实现动画效果、方便地进行Ajax交互，能够极大地简化JavaScript编程。它的宗旨就是：“Write less, do more.“ 二、JQuery的优势 一款轻量级的JS框架。jQuery核心js文件才几十kb，不会影响页面加载速度。 丰富的DOM选择器

目录 jQuery jQuery对象 jQuery基础语法 查找标签 基本选择器 层级选择器 基本筛选器 属性选择器 表单筛选器 筛选器方法 操作标签 样式操作 位置操作 文本操作 事件 常用事件 事件绑定 移除事件 阻止后续事件执行 阻止事件冒泡 事件委托 实时监听input输入值变化示例： 动画效果 jQuery jQuery对象 jQuery对象 就是通过jQuery包装DOM对象后产生的对象。 jQuery对象 是jQuery独有的。如果一个对象是 jQuery对象 ，那么它就可以使用 jQuery 里的方法：例如$(“#i1”).html()。 $("#i1").html() 的意思是：获取id值为 i1 的元素的html代码。其中是jQuery里的方法。 html() 相当于： document.getElementById("i1").innerHTML; 一个约定，我们在声明一个jQuery对象变量的时候在变量名前面加上$： var $variable = jQuery对像 var variable = DOM对象 $variable[0] // jQuery对象转成DOM对象 拿上面那个例子举例，jQuery对象和DOM对象的使用： $("#i1").html(); // jQuery对象可以使用jQuery的方法 $("#i1")[0].innerHTML; /

目录 第四章、前端之JQuery 一、选择器 二、基本筛选器 三、样式操作 四、位置操作 五、文本操作 六、属性操作 七、文档处理 八、事件 九、动画效果 十、补充 第四章、前端之JQuery 一、选择器 id选择器 $("#id") 标签选择器 $("tagname") class选择器 $(.classname) *选择器 $("*") 组合选择器 $(.classname,tagname) 层级选择器 $("x y");// x的所有后代y（子子孙孙） $("x > y");// x的所有儿子y（儿子） $("x + y")// 找到所有紧挨在x后面的y $("x ~ y")// x之后所有的兄弟y 属性选择器 [attribute] [attribute=value]// 属性等于 [attribute!=value]// 属性不等于 使用： <input type="text"> <input type="password"> <input type="checkbox"> $("input[type='checkbox']");// 取到checkbox类型的input标签 $("input[type!='text']");// 取到类型不是text的input标签 二、基本筛选器 :first//第一个 :last // 最后一个 :eq(index)//

JQuery 介绍 jQuery是一个轻量级的、兼容多浏览器的JavaScript库。 jQuery使用户能够更方便地处理HTML Document、Events、实现动画效果、方便地进行Ajax交互，能够极大地简化JavaScript编程。它的宗旨就是：“Write less, do more.“ 优势： 一款轻量级的JS框架。jQuery核心js文件才几十kb，不会影响页面加载速度。 丰富的DOM选择器,jQuery的选择器用起来很方便，比如要找到某个DOM对象的相邻元素，JS可能要写好几行代码，而jQuery一行代码就搞定了，再比如要将一个表格的隔行变色，jQuery也是一行代码搞定。 链式表达式。jQuery的链式操作可以把多个操作写在一行代码里，更加简洁。 事件、样式、动画支持。jQuery还简化了js操作css的代码，并且代码的可读性也比js要强。 Ajax操作支持。jQuery简化了AJAX操作，后端只需返回一个JSON格式的字符串就能完成与前端的通信。 跨浏览器兼容。jQuery基本兼容了现在主流的浏览器，不用再为浏览器的兼容问题而伤透脑筋。 插件扩展开发。jQuery有着丰富的第三方的插件，例如：树形菜单、日期控件、图片切换插件、弹出窗口等等基本前端页面上的组件都有对应插件，并且用jQuery插件做出来的效果很炫，并且可以根据自己需要去改写和封装插件，简单实用。

目录 前端之jQuery 一、jQuery介绍 二、jQuery对象 三、jQuery基础语法 3.1 查找标签 基本选择器 层级选择器： 基本筛选器 属性选择器： 筛选器方法 3.2 操作标签 样式操作 位置操作 盒子模型尺寸 文本操作 属性操作 文档处理 3.3 事件 常用事件 事件绑定 移除事件 阻止后续事件执行 阻止事件冒泡 页面载入与window.onload的区别 事件委托 动画效果 补充 each data存储数据 前端之jQuery 一、jQuery介绍 Query是一个轻量级的、兼容多浏览器的JavaScript库。 jQuery使用户能够更方便地处理HTML Document、Events、实现动画效果、方便地进行Ajax交互，能够极大地简化JavaScript编程。它的宗旨就是：“Write less, do more.“ 二、jQuery对象 jQuery对象 就是通过jQuery包装DOM对象后产生的对象。 jQuery对象 是 jQuery独有的。如果一个对象是 jQuery对象 ，那么它就可以使用 jQuery 里的方法：例如$(“#i1”).html()。 $("#i1").html() 的意思是：获取id值为 i1 的元素的html代码。其中 html() 是jQuery里的方法。 相当于： document.getElementById("i1"

jQuery jQuery介绍 jQuery是一个轻量级的、兼容多浏览器的JavaScript库。 jQuery使用户能够更方便地处理HTML Document、Events、实现动画效果、方便地进行Ajax交互，能够极大地简化JavaScript编程。它的宗旨就是：“Write less, do more.“ jQuery的优势 一款轻量级的JS框架。jQuery核心js文件才几十kb，不会影响页面加载速度。 丰富的DOM选择器,jQuery的选择器用起来很方便，比如要找到某个DOM对象的相邻元素，JS可能要写好几行代码，而jQuery一行代码就搞定了，再比如要将一个表格的隔行变色，jQuery也是一行代码搞定。 链式表达式。jQuery的链式操作可以把多个操作写在一行代码里，更加简洁。 事件、样式、动画支持。jQuery还简化了js操作css的代码，并且代码的可读性也比js要强。 Ajax操作支持。jQuery简化了AJAX操作，后端只需返回一个JSON格式的字符串就能完成与前端的通信。 跨浏览器兼容。jQuery基本兼容了现在主流的浏览器，不用再为浏览器的兼容问题而伤透脑筋。 插件扩展开发。jQuery有着丰富的第三方的插件，例如：树形菜单、日期控件、图片切换插件、弹出窗口等等基本前端页面上的组件都有对应插件，并且用jQuery插件做出来的效果很炫

前端(5)之jQuery jQuery介绍 1.jQuery是一个轻量级的，兼容多浏览器的JavaScript库。 2.jQuery使用户能够更方便地处理HTML Document、Events、实现动画效果、方便地进行Ajax交互，能够极大地简化JavaScript编程。它的宗旨就是：“Write less, do more.“ jQuery的优势： 一款轻量级的JS框架。jQuery核心js文件才几十kb，不会影响页面加载速度。 丰富的DOM选择器,jQuery的选择器用起来很方便，比如要找到某个DOM对象的相邻元素，JS可能要写好几行代码，而jQuery一行代码就搞定了，再比如要将一个表格的隔行变色，jQuery也是一行代码搞定。 链式表达式。jQuery的链式操作可以把多个操作写在一行代码里，更加简洁。 事件、样式、动画支持。jQuery还简化了js操作css的代码，并且代码的可读性也比js要强。 Ajax操作支持。jQuery简化了AJAX操作，后端只需返回一个JSON格式的字符串就能完成与前端的通信。 跨浏览器兼容。jQuery基本兼容了现在主流的浏览器，不用再为浏览器的兼容问题而伤透脑筋。 插件扩展开发。jQuery有着丰富的第三方的插件，例如：树形菜单、日期控件、图片切换插件、弹出窗口等等基本前端页面上的组件都有对应插件，并且用jQuery插件做出来的效果很炫

JQuery JQuery介绍 jQuery是一个轻量级的、兼容多浏览器的JavaScript库。 jQuery使用户能够更方便地处理HTML Document、Events、实现动画效果、方便地进行Ajax交互，能够极大地简化JavaScript编程。它的宗旨就是：“Write less, do more.“ jQuery的优势 一款轻量级的JS框架。jQuery核心js文件才几十kb，不会影响页面加载速度。 丰富的DOM选择器,jQuery的选择器用起来很方便，比如要找到某个DOM对象的相邻元素，JS可能要写好几行代码，而jQuery一行代码就搞定了，再比如要将一个表格的隔行变色，jQuery也是一行代码搞定。 链式表达式。jQuery的链式操作可以把多个操作写在一行代码里，更加简洁。 事件、样式、动画支持。jQuery还简化了js操作css的代码，并且代码的可读性也比js要强。 Ajax操作支持。jQuery简化了AJAX操作，后端只需返回一个JSON格式的字符串就能完成与前端的通信。 跨浏览器兼容。jQuery基本兼容了现在主流的浏览器，不用再为浏览器的兼容问题而伤透脑筋。 插件扩展开发。jQuery有着丰富的第三方的插件，例如：树形菜单、日期控件、图片切换插件、弹出窗口等等基本前端页面上的组件都有对应插件，并且用jQuery插件做出来的效果很炫

目录 前端之jQuery 1. jQuery简介 2. jQuery优势 3. jQuery内容 4. jQuery版本 5. jQuery对象 5.1 定义 5.2 jQuery对象转成DOM对象 5.3 jQuery对象和DOM对象的使用 6. jQuery基础语法 6.1 语法 6.2 查找标签 6.2.1 基本选择器 6.2.2 基本筛选器 6.2.3 筛选器方法 6.3 操作标签 6.3.1 样式操作 6.3.2 位置操作 6.3.3 尺寸 6.3.4 文本操作 6.3.5 属性操作 6.3.6 文档处理 6.4 事件 6.4.1 常用事件 6.4.2 事件绑定 6.4.3 移除事件 6.4.4 阻止后续事件执行 6.4.5 阻止事件冒泡 6.4.6 页面载入 6.4.7 事件委托 6.5 动画效果 6.5.1 介绍 6.5.2 点赞特效简单示例： 6.6 拓展 6.6.1 .each 6.6.2 .data() 6.6.3 插件(了解) 前端之jQuery 1. jQuery简介 jQuery是一个轻量级的、兼容多浏览器的JavaScript库。 jQuery使用户能够更方便地处理HTML Document、Events、实现动画效果、方便地进行Ajax交互，能够极大地简化JavaScript编程。它的宗旨就是：“Write less, do more.“ 2.