1.  

一 jQuery是什么？

［1］   jQuery由美国人John Resig创建，至今已吸引了来自世界各地的众多 javascript高手加入其team。

［2］   jQuery是继prototype之后又一个优秀的Javascript框架。其宗旨是——WRITE LESS,DO MORE!

［3］  它是轻量级的js库(压缩后只有21k) ，这是其它的js库所不及的，它兼容CSS3，还兼容各种浏览器

［4］  jQuery是一个快速的，简洁的javaScript库，使用户能更方便地处理HTMLdocuments、events、实现动画效果，并且方便地为网站提供AJAX交互。

［5］  jQuery还有一个比较大的优势是，它的文档说明很全，而且各种应用也说得很详细，同时还有许多成熟的插件可供选择。

二 什么是jQuery对象？

jQuery 对象就是通过jQuery包装DOM对象后产生的对象。jQuery 对象是 jQuery 独有的. 如果一个对象是 jQuery 对象, 那么它就可以使用 jQuery 里的方法: $(“#test”).html();

  1. $("#test").html() 
  2.  
  3.          意思是指：获取ID为test的元素内的html代码。其中html()是jQuery里的方法 
  4.  
  5.          这段代码等同于用DOM实现代码： document.getElementById(" test ").innerHTML; 
  6.  
  7.          虽然jQuery对象是包装DOM对象后产生的，但是jQuery无法使用DOM对象的任何方法，同理DOM对象也不能使用jQuery里的方法.乱使用会报错
  8.  
  9.          约定：如果获取的是 jQuery 对象, 那么要在变量前面加上$. 
  10.  
  11. var $variable = jQuery 对象
  12. var variable = DOM 对象
  13.  
  14. $variable[]：jquery对象转为dom对象      $("#msg").html(); $("#msg")[].innerHTML

jquery的基础语法：$(selector).action()

参考：http://jquery.cuishifeng.cn/

三 寻找元素(选择器和筛选器)

3.1.1 基本选择器

  1. $("*")  $("#id")   $(".class")  $("element")  $(".class,p,div")

3.1.2 层级选择器

  1. $(".outer div")  $(".outer>div")   $(".outer+div")  $(".outer~div")

3.1.3 基本筛选器　　

  1. $("li:first")  $("li:eq(2)")  $("li:even") $("li:gt(1)")

3.1.4 属性选择器

  1. $('[id="div1"]')   $('["alex="sb"][id]')

3.1.5 表单选择器

  1. $("[type='text']")----->$(":text")         注意只适用于input标签  : $("input:checked")

3.1.6 表单属性选择器

  1.     :enabled
  2.     :disabled
  3.     :checked
  4.     :selected
  1. <body>
  2.  
  3. <form>
  4.     <input type="checkbox" value="" checked>
  5.     <input type="checkbox" value="" checked>
  6.  
  7.   <select>
  8.       <option value="">Flowers</option>
  9.       <option value="" selected="selected">Gardens</option>
  10.       <option value="" selected="selected">Trees</option>
  11.       <option value="" selected="selected">Trees</option>
  12.   </select>
  13. </form>
  14.  
  15. <script src="jquery.min.js"></script>
  16. <script>
  17.     // console.log($("input:checked").length);     // 2
  18.  
  19.     // console.log($("option:selected").length);   // 只能默认选中一个,所以只能lenth:1
  20.  
  21.     $("input:checked").each(function(){
  22.  
  23.         console.log($(this).val())
  24.     })
  25.  
  26. </script>
  27.  
  28. </body>

3.2 筛选器

3.2.1  过滤筛选器

  1. $("li").eq(2)  $("li").first()  $("ul li").hasclass("test")

3.2.2  查找筛选器　

  1. 复制代码
  2.  查找子标签：         $("div").children(".test")      $("div").find(".test")  
  3.  
  4.  向下查找兄弟标签：    $(".test").next()               $(".test").nextAll()
  5.                     $(".test").nextUntil() 
  6.  
  7.  向上查找兄弟标签：    $("div").prev()                  $("div").prevAll()
  8.                     $("div").prevUntil()
  9.  查找所有兄弟标签：    $("div").siblings()  
  10.  
  11.  查找父标签：         $(".test").parent()              $(".test").parents()
  12.                     $(".test").parentUntil()

启动项目时候 会报如下错误，导致网页打开报错

注意：由于这里是在工程下面的templates目录下建立的模板，而不是在blog应用中创建的模板，上面views.py文件中调用的t1.html模板，运行时会出现找不到t1.html模板的错误，为了能找到mysite/templates下的模板文件，我们还需要在settings.py文件配置模板的路径：

WARNINGS:
?: (1_8.W001) The standalone TEMPLATE_* settings were deprecated in Django 1.8 and the TEMPLATES dictionary takes precedence. You must put the values of the following settings into your default TEMPLATES dict: TEMPLATE_DIRS.

System check identified 1 issue (0 silenced).

  1.  
  2. TEMPLATES = [
        {
            'BACKEND': 'django.template.backends.django.DjangoTemplates',
            'DIRS': [os.path.join(BASE_DIR,'templates')],
            'APP_DIRS': True,
            'OPTIONS': {
                'context_processors': [
                    'django.template.context_processors.debug',
                    'django.template.context_processors.request',
                    'django.contrib.auth.context_processors.auth',
                    'django.contrib.messages.context_processors.messages',
                ],
            },
        },
    ]

day16 django 笔记的更多相关文章

  1. Python之路,Day16 - Django 进阶

    Python之路,Day16 - Django 进阶   本节内容 自定义template tags 中间件 CRSF 权限管理 分页 Django分页 https://docs.djangoproj ...

  2. Web框架——Django笔记

    Web框架--Django笔记 MVC和MTV MVC:Model.View.Controller MTV:Model.Template.View Django--MTV 1.创建Django程序   ...

  3. Django笔记 —— Admin（Django站点管理界面）

    最近在学习Django,打算玩玩网页后台方面的东西,因为一直很好奇但却没怎么接触过.Django对我来说是一个全新的内容,思路想来也是全新的,或许并不能写得很明白,所以大家就凑合着看吧- 本篇笔记(其 ...

  4. Django笔记 —— 模型

    最近在学习Django,打算玩玩网页后台方面的东西,因为一直很好奇但却没怎么接触过.Django对我来说是一个全新的内容,思路想来也是全新的,或许并不能写得很明白,所以大家就凑合着看吧- 本篇笔记(其 ...

  5. Django笔记 —— MySQL安装

    最近在学习Django,打算玩玩网页后台方面的东西,因为一直很好奇但却没怎么接触过.Django对我来说是一个全新的内容,思路想来也是全新的,或许并不能写得很明白,所以大家就凑合着看吧- 本篇笔记(其 ...

  6. Django笔记 —— 模板

    最近在学习Django,打算玩玩网页后台方面的东西,因为一直很好奇但却没怎么接触过.Django对我来说是一个全新的内容,思路想来也是全新的,或许并不能写得很明白,所以大家就凑合着看吧- 本篇笔记(其 ...

  7. django笔记三之admin的管理

    django笔记三之admin的管理 设置自动admin应用 vim todos/settings.py INSTALLED_APPS = ( 'django.contrib.admin', 新版本已 ...

  8. django笔记二之数据库

    django笔记二之数据库 [同步数据库之前的操作] yum install MySQL-python.x86_64 -y 2)开启数据库服务并创建表 创建数据库设置 为utf8: create da ...

  9. django笔记-模型数据模板呈现过程记录（多对多关系）

    首先,推荐一个网址:http://www.tuicool.com/articles/BfqYz2F,因为这里的比我的要有条理,更有利于各位的理解. 以下仅为为个人一次不完整的笔记: 环境:ubuntu ...

随机推荐

  1. Django【第1篇】：Django之MTV模型

    Django框架第一篇基础 一个小问题: 什么是根目录:就是没有路径,只有域名..url(r'^$') 补充一张关于wsgiref模块的图片 一.MTV模型 Django的MTV分别代表: Model ...

  2. Jdbc连接数据库基本步骤详解_java - JAVA

    文章来源:嗨学网 敏而好学论坛www.piaodoo.com 欢迎大家相互学习 Jdbc连接数据库的基本步骤,供大家参考,具体内容如下 package demo.jdbc; import java.s ...

  3. 【leetcode】1122. Relative Sort Array

    题目如下: Given two arrays arr1 and arr2, the elements of arr2 are distinct, and all elements in arr2 ar ...

  4. python学习相关软件安装

    爬虫初学者必装的软件!! 一.安装python step1:安装包下载 1.1.官网下载地址:https://www.python.org/ 根据自己电脑系统选择,我选择windowns 有不同版本可 ...

  5. 安装vue-cli脚手架项目

    1,下载安装node.官网下载后,重新打开cmd再打开. 命令:node -v检测版本. 2,安装vue-cli: 命令:npm install --global vue-cli  .根据安装情况,会 ...

  6. 链接收藏：bullet物理引擎不完全指南

    这个也是博客园的文章,编辑得也很好,就不copy了,结尾还有PDF: https://www.cnblogs.com/skyofbitbit/p/4128347.html 完结

  7. class和style绑定

    在数据绑定中,一个常见需求是,将数据与元素的 class 列表,以及元素的 style 内联样式的操作绑定在一起.由于它们都是属性(attribute),因此我们可以使用 v-bind 来处理它们:只 ...

  8. Linux内核设计与实现 总结笔记（第十二章）内存管理

    内核里的内存分配不像其他地方分配内存那么容易,内核的内存分配不能简单便捷的使用,分配机制也不能太复杂. 一.页 内核把页作为内存管理的基本单位,尽管处理器最小寻址坑是是字或者字节.但是内存管理单元MM ...

  9. 跳转控制语句continue

    1 continue的使用场景: 1.1 在循环语句中 注意:离开使用场景的存在是没有意义的 2 continue的作用: 2.1 单层循环对比break,然后总结两者的区别 2.1.1 break ...

  10. [luogu]P3938 斐波那契[数学]

    [luogu]P3938 斐波那契 题目描述 小 C 养了一些很可爱的兔子. 有一天,小 C 突然发现兔子们都是严格按照伟大的数学家斐波那契提出的模型来进行 繁衍:一对兔子从出生后第二个月起,每个月刚 ...