一 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. cocos随笔
			
    随笔:  [ 1 ] active能隐藏元素,且不占空间,但仍存在,索引时,仍能得到 [ 2 ] 碰到参数传不进去的时候可以试着用属性赋值的方法代替传参 [ 3 ] getChildByName是按照 ...
    
			
    2. 
						
  2. 【BZOJ2870】最长道路
			
    权限题 题意 给出一棵树,点有点权,找到树上的一条路径使得路径上点的个数和其中点权最小的点的点权之积最大,输出最大值. Sol 边分治板子题啦. 边分治后对于分出来的两棵子树 , 按到左右根的最小点权 ...
    
			
    3. 
						
  3. python-语言播报
			
       利用系统自带模块: 在cmd中  python -m pip install pypiwin32   安装win32com模块 import win32com.client sp=win32co ...
    
			
    4. 
						
  4. Python---进阶---多线程---threading
			
    一. 使用多线程去播放两个播放列表,一个是movie,一个是music _thread threading ------------------------------------------ imp ...
    
			
    5. 
						
  5. linux运维、架构之路-Kubernetes集群部署
			
    一.kubernetes介绍        Kubernetes简称K8s,它是一个全新的基于容器技术的分布式架构领先方案.Kubernetes(k8s)是Google开源的容器集群管理系统(谷歌内部 ...
    
			
    6. 
						
  6. 前端面试题常考&必考之--跨域的解决办法
			
    1.为啥出现跨域??? 在制定Html规则时,为了安全的考虑,一个源的脚本(网页,网站)不能与另一个源的资源进行交互, 所以就引发一个词叫做“同源策略”. 同源策略:同源策略是一种约定,它是浏览器最核 ...
    
			
    7. 
						
  7. jquery +点击按钮，切换div内容,按钮加高亮
			
    html: <div class="dw4"> <span class="dw">单位(次)</span> <div  ...
    
			
    8. 
						
  8. #452 Div2 Problem C Dividing the numbers ( 思维 || 构造 )
			
    题意 : 将从 1 ~ n 的数分成两组,要求两组和的差值尽可能小,并输出其中一组的具体选数情况 分析 : 如果将这 n 个数从大到小四个一组来进行选择的话那么差值就为 0 ,然后再来考虑 n%4 ! ...
    
			
    9. 
						
  9. Bellman-ford算法、SPFA算法求解最短路模板
			
    Bellman-ford 算法适用于含有负权边的最短路求解,复杂度是O( VE ),其原理是依次对每条边进行松弛操作,重复这个操作E-1次后则一定得到最短路,如果还能继续松弛,则有负环.这是因为最长的 ...
    
			
    10. 
						
  10. Java——容器（Interator）
			
    [Interator接口]   <1> 所有实现了Collection接口的容器类都有一个interator方法用以返回一个实现了Interaor接口的对象. <2> Inte ...
    
			
    11.