一 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();




$("#test").html() 

         意思是指：获取ID为test的元素内的html代码。其中html()是jQuery里的方法 

         这段代码等同于用DOM实现代码： document.getElementById(" test ").innerHTML; 

         虽然jQuery对象是包装DOM对象后产生的，但是jQuery无法使用DOM对象的任何方法，同理DOM对象也不能使用jQuery里的方法.乱使用会报错

         约定：如果获取的是 jQuery 对象, 那么要在变量前面加上$. 

var $variable = jQuery 对象

var variable = DOM 对象

$variable[]：jquery对象转为dom对象      $("#msg").html(); $("#msg")[].innerHTML




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


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


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


3.1.1 基本选择器




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




3.1.2 层级选择器




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




3.1.3 基本筛选器　　




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




3.1.4 属性选择器




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




3.1.5 表单选择器




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




3.1.6 表单属性选择器


    :enabled

    :disabled

    :checked

    :selected




<body>

<form>

    <input type="checkbox" value="" checked>

    <input type="checkbox" value="" checked>

  <select>

      <option value="">Flowers</option>

      <option value="" selected="selected">Gardens</option>

      <option value="" selected="selected">Trees</option>

      <option value="" selected="selected">Trees</option>

  </select>

</form>

<script src="jquery.min.js"></script>

<script>

    // console.log($("input:checked").length);     // 2

    // console.log($("option:selected").length);   // 只能默认选中一个,所以只能lenth:1

    $("input:checked").each(function(){

        console.log($(this).val())

    })

</script>

</body>




3.2 筛选器


3.2.1  过滤筛选器




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




3.2.2  查找筛选器　




复制代码

 查找子标签：         $("div").children(".test")      $("div").find(".test")  

 向下查找兄弟标签：    $(".test").next()               $(".test").nextAll()

                    $(".test").nextUntil() 

 向上查找兄弟标签：    $("div").prev()                  $("div").prevAll()

                    $("div").prevUntil()

 查找所有兄弟标签：    $("div").siblings()  

 查找父标签：         $(".test").parent()              $(".test").parents()

                    $(".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).



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. 
						
  2. Web框架——Django笔记
		
    Web框架--Django笔记 MVC和MTV MVC:Model.View.Controller MTV:Model.Template.View Django--MTV 1.创建Django程序   ...
    
		
    3. 
						
  3. Django笔记 —— Admin（Django站点管理界面）
		
    最近在学习Django,打算玩玩网页后台方面的东西,因为一直很好奇但却没怎么接触过.Django对我来说是一个全新的内容,思路想来也是全新的,或许并不能写得很明白,所以大家就凑合着看吧- 本篇笔记(其 ...
    
		
    4. 
						
  4. Django笔记 —— 模型
		
    最近在学习Django,打算玩玩网页后台方面的东西,因为一直很好奇但却没怎么接触过.Django对我来说是一个全新的内容,思路想来也是全新的,或许并不能写得很明白,所以大家就凑合着看吧- 本篇笔记(其 ...
    
		
    5. 
						
  5. Django笔记 —— MySQL安装
		
    最近在学习Django,打算玩玩网页后台方面的东西,因为一直很好奇但却没怎么接触过.Django对我来说是一个全新的内容,思路想来也是全新的,或许并不能写得很明白,所以大家就凑合着看吧- 本篇笔记(其 ...
    
		
    6. 
						
  6. Django笔记 —— 模板
		
    最近在学习Django,打算玩玩网页后台方面的东西,因为一直很好奇但却没怎么接触过.Django对我来说是一个全新的内容,思路想来也是全新的,或许并不能写得很明白,所以大家就凑合着看吧- 本篇笔记(其 ...
    
		
    7. 
						
  7. django笔记三之admin的管理
		
    django笔记三之admin的管理 设置自动admin应用 vim todos/settings.py INSTALLED_APPS = ( 'django.contrib.admin', 新版本已 ...
    
		
    8. 
						
  8. django笔记二之数据库
		
    django笔记二之数据库 [同步数据库之前的操作] yum install MySQL-python.x86_64 -y 2)开启数据库服务并创建表 创建数据库设置 为utf8: create da ...
    
		
    9. 
						
  9. django笔记-模型数据模板呈现过程记录（多对多关系）
		
    首先,推荐一个网址:http://www.tuicool.com/articles/BfqYz2F,因为这里的比我的要有条理,更有利于各位的理解. 以下仅为为个人一次不完整的笔记: 环境:ubuntu ...
    
		
    10. 
		

	


随机推荐
	

    
									
  1. postman实现Base64加密
			
    1.新建一个Collection 2.新建一个request 3.新增一个环境变量(全局变量也可以) 4.在variable中填入需要加密的变量名称,比如password 5.在body中填好参数,需 ...
    
			
    2. 
						
  2. Ldap 从入门到放弃(二)
			
    OpenLDAP 服务器安装与配置 本文内容是自己通过官网文档.网络和相关书籍学习和理解并整理成文档,其中有错误或者疑问请在文章下方留言. 一.概述 本文以Centos 6.8(64bit)为例介绍  ...
    
			
    3. 
						
  3. p6spy工具的使用
			
    p6spy工具的使用.1.导入p6spy的jar包2.配导p6spy.porpert3.改写mybatis.xml(配置jdbc)
    
			
    4. 
						
  4. ubuntu1804隐藏顶部工作栏
			
    先安装 sudo apt-get install gnome-shell-extension-autohidetopbar 然后安装 sudo apt-get install gnome-shell- ...
    
			
    5. 
						
  5. testlink用例转换工具2018.12版
			
    首先说明一点,网上有很多资料,但真正可用的很少:在本人经过百度后,发现其实很多案例会因为各种原因而无法最终实现. Testlink用例转换工具,可以大致分为3种工具: 1)EX-Converter由第 ...
    
			
    6. 
						
  6. 深入理解BFC和IFC
			
    1. 为什么会有BFC和IFC 首先要先了解两个概念:Box和formatting context: Box:CSS渲染的时候是以Box作为渲染的基本单位.Box的类型由元素的类型和display属性 ...
    
			
    7. 
						
  7. 文档流&文字&CSS常用命令
			
    文档流 文档流就是文档内元素流动方向 流动方向 内联元素从左往右流,宽度不够,之字形,且元素会被截断 块元素从上往下流动,一排一排 注意事项 内联元素中有英文单词,流动时宽度不够,英文单词会整体迁移, ...
    
			
    8. 
						
  8. 最近使用的两个工具 winscp和xshell
			
    最近在编译MONO源码时用到了这两个工具,感觉挺好,记录备忘 WINSCP 长这样 用于可视化的查看和操作远程服务器上的文件 xshell用于命令行下操作远程服务器,服务器的同学好多在用这个.命令行是 ...
    
			
    9. 
						
  9. pl/sql的安装使用详解
			
    一.  先安装  orcale10.1客户端 setup右键属性,按下图设置 net  manager 设置,不设置 pl/sql developer没办法连接 二.再安装 pl/sql develo ...
    
			
    10. 
						
  10. Ubuntu 系统搭建LNMP环境
			
    当前Linux版本:Ubuntu16.04 一.安装Nginx 在终端中输入命令 " sudo apt-get install nginx ",在确认安装完成后,在浏览器中访问 l ...
    
			
    11.