一 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. Python3 install pip
			
    原创转载请注明出处:https://www.cnblogs.com/agilestyle/p/12033910.html curl https://bootstrap.pypa.io/get-pip. ...
    
			
    2. 
						
  2. shimo
			
    shimo破解需要同意安装允许各个端安装
    
			
    3. 
						
  3. linux运维、架构之路-PHP编译常见报错及解决方法
			
    1. configure: error: xslt-config not found. Please reinstall the libxslt >= 1.1.0 distribution 复制 ...
    
			
    4. 
						
  4. HDU - 5306 Gorgeous Sequence 线段树 + 均摊分析
			
    Code: #include<algorithm> #include<cstdio> #include<cstring> #define ll long long  ...
    
			
    5. 
						
  5. CodeForces 1198D 1199F Rectangle Painting 1
			
    Time limit 1000 ms Memory limit 262144 kB 解题思路 一堆循环嵌套的那种dp,不好想.但是可以搜啊,很暴力的.记忆化一下就好. 我们定义搜索函数\(\text{ ...
    
			
    6. 
						
  6. IDEA将maven项目配置到本地tomcat中运行
			
    1. Run->Edit Configurations 2. 点开default,选择tomcatServer选择local 3. 点解server选项卡下的configure,配置本地tomc ...
    
			
    7. 
						
  7. Java 线程状态有哪些？
			
    线程状态有 5 种,新建,就绪,运行,阻塞,死亡.关系图如下: 1. 线程 start 方法执行后,并不表示该线程运行了,而是进入就绪状态,意思是随时准备运行,但是真正何时运行,是由操作系统决定的,代 ...
    
			
    8. 
						
  8. K-th occurrence HDU - 6704 (后缀数组+二分线段树+主席树)
			
    大意: 给定串s, q个询问(l,r,k), 求子串s[l,r]的第kk次出现位置. 这是一篇很好的题解: https://blog.csdn.net/sdauguanweihong/article/ ...
    
			
    9. 
						
  9. React-Native 之 GD （十）Android启动页面  及 模态方式跳转
			
    1.Android启动页面 思路:新建一个组件作为 Android 的启动页,index.android.js 的初始化窗口改为 Android启动页,设置定时器,使其在1.5秒后自动跳转到 Main ...
    
			
    10. 
						
  10. loj#6036 编码
			
    分析 考虑trie+2sat 每次将?=0和?=1的分别插入 插入串时将这个点的选择状态和前缀的选择状态连关系边 注意串结束时建一个新点表示当前串 最后跑2sat即可 代码 #include<b ...
    
			
    11.