jquery文档

id选择器 $('#id') 标签选择器 $('tagName') class选择器 $('.className') 配合使用 $('div.c1') # 类为c1的div 所有的元素选择器 $('*') 组合选择器 $('#id,.className,tagName') 层级选择器 $('x y') # x的所有后代 $('x>y') # x的所有儿子 $('x+y') # 找到所有紧挨在x后面的y $('x~y') # x之后所有的兄弟y 基本选择器 ：first #第一个 :last #最后一个 :eq(index) #索引等于index的那个元素 ：even #匹配所有索引值为偶数的元素，从0开始计数 ：odd #匹配所有索引值为奇数的元素，从0开始计数 ：gt(index) #匹配所有大于给定索引值的元素 ：lt(index) #匹配所有小于给定索引值的元素 ：not(元素选择器) #移除所有满足not条件的标签 ：has(元素选择器) #选取所有包含一个或多个标签在期内的标签(后代元素中找) 例： $('div:has(h1)') 属性选择器 [attribute] [attribute=value] [attribute!=value] 例： $('input[type='checkbox']') 表单筛选器 ：text :password :file :radio

前端(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.

一　　认识jQuery 　　jQuery是JavaScript Query的缩写形式。jQuery是一款非常优秀的JavaScript库，即便是MVVM框架盛行的今天，也有超过半数的网页及应用直接或间接的使用了jQuery。jQuery的设计理念是“Write Less, Do More“，即写的更少，做的更多！使用jQuery可以大大简化我们的JS代码，从而提高开发效率。 　　jQuery现在有3个大的版本，分别是1.x，2.x，3.x。你可以从 jQuery官方网站下载 需要的版本，然后从本地引入到自己的项目，也可以使用 CDN 引入。在你下载jQuery时一般有两个可选的版本，一个是压缩版（不包含换行和空格，体积更小，多用于实际项目开发），另一个是未压缩版（包含换行和空格，体积稍大，多用于学习和测试）。 1 <script src="jquery-1.12.4.js"></script> 2 <!--本地引入--> 3 <script src="//code.jquery.com/jquery-1.12.4.js"></script> 4 <!--CDN引入--> 　　另外，jQuery从第二个大的版本开始，为了优化网络响应和使语法更加简洁，抛弃了对IE6、7、8的支持，并且从2.1.0开始，压缩版本的文件中也不再包含注释信息了。为了获得更好的兼容性

目录 前端-JQuery jQuery的对象 选择器 筛选器 样式操作 位置操作 文本操作 属性操作 文档处理 事件 常用事件 事件绑定 移除事件 前端-JQuery 在我们学习过HTML,CSS,JavaScript之后,就可以完成网页的制作了,而JQuery只是一种轻量级的JavaScript库,可以让我们更方便的写JavaScript代码,用以完成我们的需求. jQuery的优势在于: 文件非常小,不会影响页面的加载速度 选择器使用非常方便,比直接调用JavaScript要更方便 支持事务,样式和动画,可以把界面写的更加生动. 跨浏览器兼容,比JavaScript兼容的浏览器更多更广 插件的扩展,jQuery的第三方插件非常多,调用和修改都十分方便. 我们简略介绍以下jQuery的各方面内容,包括选择器,筛选器,样式和文本操作,属性操作,文档处理,事件等. jQuery的对象 jQuery的对象就是通过jquer包装DOM后产生的一个对象,是jQuery独有的,并且可以和JavaScript的对象互相转换. 我们在定义jQuery对象的时候,要在变量名前面加上 $ ,包括后面在调用jQuery语句的时候,也可以直接用 $ 来表示jQuery对象的操作,比如 var $a = jQuery对象 # jQuery的基本语法为: $(selector).action() 另外

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 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 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插件做出来的效果很炫

django-debug-toolbar 介绍 django-debug-toolbar 是一组可配置的面板，可显示有关当前请求/响应的各种调试信息，并在单击时显示有关面板内容的更多详细信息。 github地址 文档地址 安装 ```python pip3 install django-debug-toolbar ``` 配置 settings.py中 将 debug_toolbar 添加到 INSTALL_APPS 中 python INSTALLED_APPS = [ … 'debug_toolbar', ] urls.py中 ```python from django.conf import settings from django.conf.urls import include, url if settings.DEBUG: import debug_toolbar urlpatterns = [ url(r'^ debug /', include(debug_toolbar.urls)), ] + urlpatterns ``` settings.py中 在中间件中加入DebugToolbarMiddleware python MIDDLEWARE = [ # ... 'debug_toolbar.middleware.DebugToolbarMiddleware',