一 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. kettle  crontab  java: command not found
			
    contos6.5下,单独执行脚本无问题,添加到crontab 里保存 java: command not found ※(重点)接着,编写执行kettle任务的shell脚本创建test.sh,将以 ...
    
			
    2. 
						
  2. Arduino库
			
    单总线库: 下载地址  :  链接:https://pan.baidu.com/s/1YSuqrXWuBAxMEUWHy8rckw    提取码:svix 把整个文件夹复制到 Arduino安装目录的 ...
    
			
    3. 
						
  3. java伪代码读后感
			
    愚公,在这位名家身上,浓缩了项目的组织者,团队经理,编程人员,技术分析师等众多角色的优秀素质.原始需求的产生“惩山北之塞,出入之迁”项目沟通的基本方式“聚室而谋之”项目的目标“毕力平险,指通豫南,达于 ...
    
			
    4. 
						
  4. CSS盒子模型中的Padding属性
			
    CSS padding 属性 CSS padding 属性定义元素边框与元素内容之间的空白区域,不可见.如果想调整盒子的大小可以调整内容区,内边距,边框. CSS padding 属性定义元素的内边距 ...
    
			
    5. 
						
  5. ARC模式下delloc()注意事项
			
    1.ARC模式下delloc()调用触发时机是对象被销毁,如self.属性=nil 2.ARC模式下delloc()里面不需要手动调用[super dealloc]; 因为系统已经自动调用,多此一举的 ...
    
			
    6. 
						
  6. Floyd求解最短路
			
    Floyd算法适用于求解全源最短路.也就是能够求解任意两点间的最短路径并且是适用于含有负权边的图,但是含有负环则不行了!空间复杂度为O(n2).时间复杂度为O(n3).其具体的原理在百度能够找到很多, ...
    
			
    7. 
						
  7. apicloud直接上传图片
			
    function getPicture() { api.confirm({ title : "提示", msg : "选择图片", buttons : [&qu ...
    
			
    8. 
						
  8. Internet History, Technology, and Security（week9）——Web Security
			
    Secure Web Connections: Security Public/Private Key - Secure Sockets 凯撒密码容易被破解,后来人们发明了公钥和私钥,由于私钥一定是要 ...
    
			
    9. 
						
  9. XXX is not a function
			
    今天,一个以前的小伙伴跟我说他遇到了一个问题,调试了将近两天(这家伙一开始不打算干程序员,跑去干了两个月销售,现在又想回来写代码了,所以就自己折腾一个demo,免得面试的时候被问住) 我把他的代码从头 ...
    
			
    10. 
						
  10. 170831-关于JdbcTemplate声明式事务-操作步骤-例子
			
    创建一个动态web工程 加入jar包 3.创建一份jdbc.properties文件 4.在spring配置文件中配置数据源 5.测试数据源: 6.配置jdbcTemplate: 7.创建Dao类 & ...
    
			
    11.