一 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. Tymeleaf模板引擎背景图片路径书写方式
			
    <body style="background: url(../static/assets/img/bg-so-white.png);" th:style="'ba ...
    
			
    2. 
						
  2. python连接数据库自动发邮件
			
    python连接数据库实现自动发邮件 1.运行环境 redhat6 + python3.6 + crontab + Oracle客户端 2.用到的模块  3.操作步骤 (1)安装python3.6参考 ...
    
			
    3. 
						
  3. 【leetcode】1161. Maximum Level Sum of a Binary Tree
			
    题目如下: Given the root of a binary tree, the level of its root is 1, the level of its children is 2, a ...
    
			
    4. 
						
  4. delphi exec error 错误处理
			
    有时引用了三方jar后报错 [Exec Error] The command "PATH ..."" exited with code 1 解决方法 1.检测jar文件路 ...
    
			
    5. 
						
  5. webstorm注册码，亲测2016.1.1版
			
    打开webstorm,点击帮助,注册 注册时,在打开的License Activation窗口中选择“License server”,在输入框输入下面的网址: http://idea.iteblog. ...
    
			
    6. 
						
  6. Internet History, Technology, and Security（week2）——History: The First Internet - NSFNet
			
    前言: 上周学习了<电子计算机的曙光>,对战时及战后的计算机的历史发展有了更丰富的了解,今天继续coursera的课程,感觉已经有点适应了课程的节奏(除了经常有些奇奇怪怪的词汇看都看不懂@ ...
    
			
    7. 
						
  7. js基础补漏
			
    1.for...in 和 for...of有何区别 for ... in循环由于历史遗留问题,它遍历的实际上是对象的属性名称.一个Array数组实际上也是一个对象,它的每个元素的索引被视为一个属性.  ...
    
			
    8. 
						
  8. 10 Django与Ajax
			
    知识预览 1. Ajax 2. 文件上传 Ajax Ajax简介 AJAX(Asynchronous Javascript And XML)翻译成中文就是“异步Javascript和XML”.即使用J ...
    
			
    9. 
						
  9. 手机H5设计尺寸
			
    手机型号 导航栏和状态栏的高度 宽度 高度 可视区域高度 iPhone 4 (4, 4S) 64px 320px 480px 416px iPhone 5 (5c, 5s) 64px 320px 56 ...
    
			
    10. 
						
  10. RHEL6 kernel bug在hadoop上的测试
			
    最近给hadoop集群升级了RHEL6,发现性能比之前的差了不少.发现淘宝内核组发现并解决了这个问题 原文链接:http://blog.donghao.org/2013/03/20/hadoop%E9 ...
    
			
    11.