jQuery第一天复习

<!DOCTYPE html>
<html lang="zh-CN">
<head>
  <meta charset="UTF-8">
  <title>Title</title>
</head>
<body>

<script src="jquery-1.12.4.js"></script>
<script>
  
  
  //jquery:简单、粗暴
  
  //jq和js的关系
  //js是什么? js是一门编程语言
  //jq仅仅是基于js的一个库,jq可理解为就是开发js的一个工具。
  
  
  
  //概念
  //1. 为什么要学jquery ? 简单,粗暴 没有兼容性问题
  //2. 什么是jquery?js库,说白了就是js文件,里面有一大堆的方法
  //3. 使用jquery的步骤:  1. 引入jquery文件 2. 入口函数 功能实现
  //4. 版本:1.x 2.x 3.x   1.x   压缩版和未压缩版
  //5. 入口函数:  $(document).ready(function)  $(function(){})
  //6. jQuery对象与DOM对象
    //区别:方法不能混用
    //联系: DOM-->jq   花钱  jq-->dom  [0]  get(0)
  
  
  //$的实质:function
  
//  console.log($ === jQuery);
//  $(function () {
//
//  });
  
  
  //选择器
  
  //基本选择器  标签 类  id选择器  交集  并集
  //层级选择器: 子代 后代
  
  //过滤选择器:
  //:odd:奇数  even:偶数  :eq:指定下标
  //:first  :last  :gt  :lt

  //筛选选择器
  //children():找儿子
  //find():找后代
  //parent():找爹
  //siblings():找兄弟,不包括自己
  //next:下一个兄弟
  //prev:上一次兄弟
  //eq:指定下标
  
  
  //index():返回的当前元素在所有兄弟里面的索引。
</script>
</body>
</html>

 

posted @ 2018-10-19 07:54  {颜逸}  阅读(114)  评论(0编辑  收藏  举报