【笔记整理】jq笔记

css()修改样式
addClass()removeClass()增加删除样式
attr()修改标签里的属性  按钮选中属性时用prop(“checked” true/false)没有错误

隐式迭代:jqday2/02css操作。
获取互不相同的li标签时,不能使用eq()。最好使用for循环来拿到~若是设置操作就不用循环,记住一定是获取时需要for循环

第一部分:
//选择器
  
  //基本选择器  标签 类  id选择器  交集  并集
  //层级选择器: 子代 后代
  
  //过滤选择器:
  //:odd:奇数  even:偶数  :eq:指定下标
  //:first  :last  :gt  :lt

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

第二部分:
//1. 操作样式 (5)
  //1.1 css操作
      //设置单个样式
      //设置多个样式
      //获取样式
  //1.2 class操作
      //addClass(name):添加类
      //removeClass(name):移除类
      //hasClass(name):判断类
      //toggleClass(name):切换
  
  //2. 操作属性(3)
    //2.1 attr
      //设置单个属性
      //设置多个属性
      //获取属性
    //2.2 prop
      //对于布尔类型的属性,disabled,selected,checked,只能用prop
  
    //2.3 removeAttr(name):移除某个属性
  
  //3. 动画  (10)
    //3.1 三组基本动画
      //show/hide   slideDown/slideUp/slideToggle  fadeIn/fadeOut/fadeToggle
    //3.2 自定义动画
      //animate(prop, [speed], [swing/linear], [callback])
    //3.3 停止动画
      //stop
  
  //4. 操作节点(10)
    //4.1 创建节点:  $("")
    //4.2 添加节点   append appendTo prepend prependTo after before
    //4.3 清空内容   empty
    //4.4 删除节点   remove
    //4.5 克隆节点   clone

第三部分:
//1. 特殊的属性操作
  // val()
  // text() 与 html()
  // width height
  //scrollTop scrollLeft
  //offset position
  
  
  //2. 事件
  //注册事件  on
  // on("click", function(){})
  // on("click", "p", function(){})
  
  // off() off("click")
  
  //click()  trigger("click")
  
  // e.stopPropagation()
  // e.preventDefault()
  // return false;
  
  
  
  
  //3. 补充
  
  //链式编程:end()
  //each
  //$.noConflict();

你可能感兴趣的:(笔记,前端学习)