1.$(document).read(function(){
$('p').click(function(){
 $('p').hide();
})
})

2.jquery是客户端脚本

3.$("p").css("bckground","red");

4.$(“div.intro”)  选取的是class是intro 的所有div 元素

5.

$("p:first")                  选取第一个 <p> 元素     
$("ul li:first")          选取第一个 <ul> 元素的第一个 <li> 元素     
$("ul li:first-child")          选取每个 <ul> 元素的第一个 <li> 元素     
$("[href]")                  选取带有 href 属性的元素     
$("a[target='_blank']")      选取所有 target 属性值等于 "_blank" 的 <a> 元素     
$("a[target!='_blank']")     选取所有 target 属性值不等于 "_blank" 的 <a> 元素     
$(":button")                  选取所有 type="button" 的 <input> 元素 和 <button> 元素     
$("tr:even")                  选取偶数位置的 <tr> 元素     
$("tr:odd")                  选取奇数位置的 <tr> 元素
$("#p")
$(".p")
$（"p"）
$(this)

6.
  鼠标事件
  click()
  dbclick()  双击事件
  mouseenter()   鼠标放上
  monseleave()  鼠标离开
  hover()   鼠标接触
 
 键盘事件
  keypress()  按键按下的过程
  keydown()  键按下
  keyup()      按键离开             

  表单事件
  submit()    递交表单时
  change()    表单变化
  focus()    
  blur()

 文档/窗口事件
 
 load()   加载
 resize()  调整页面的尺寸时触发
 scroll()   当用户滚动指定的元素时发生scroll().事件适用于所有可滚动的元素和window对象。
 unload()  在jquery1.8中已经废除。离开页面时触发
 注意：使用时$(selector).load()

 
7.jquery效果
  hide()   举例 渐变   $('p').hide（1000,"linear",function(){}）  
  show()
  toggle() 切换显示隐藏
8.
  fadeIn()淡入
  fadOut()淡出
  fadToggle()淡入淡出切换

 注：里面可以注入参数  slow、fast 或者是毫秒。如 fadIn(1000)或fadIn("slow")
 
 fadTo()颜色的淡化      例如：fadTo("slow",0.4) //0.4是颜色的透明度
 
9.slideDown()  
  slideUp()
  slideToggle()
注：里面可以注入参数  slow、fast 或者是毫秒

10.text() 、html() 、val()

 11.获取属性的值  attr()   例如：$("#p").attr("href")

   attr()的回调方法‘’
   举例：
     
     $("button").click(function(){
        $("#runoob").attr("href", function(i,origValue){
         return origValue + "/jquery";
      });
   });

12.
    append() - 在被选元素的结尾插入内容
    prepend() - 在被选元素的开头插入内容
    after() - 在被选元素之后插入内容
    before() - 在被选元素之前插入内容

13.删除
  remove()  //删除被选元素和其子元素     $("#at").remove(".italic")
  empty()   //删除被选元素的所有子元素
14.增加、删除class样式

  addClass()
  removeClass()                         
  toggleClass() 切换增加删除操作
  举例：$("h1,h2,p").removeClass("blue important");

15.向上遍历
parent() 方法返回被选元素的直接父元素。
parents() 方法返回被选元素的所有祖先元素，它一路向上直到文档的根元素 (<html>)。
parentsUntil() 方法返回介于两个给定元素之间的所有祖先元素。// $("span").parentsUntil("div");

16.向下遍历
 children()  //children() 方法返回被选元素的所有直接子元素。
 find()   //$("div").find("span");

17.水平遍历

    siblings()    //siblings() 方法返回被选元素的所有同胞元素。
    next()        //next() 方法返回被选元素的下一个同胞元素。
    nextAll()     //nextAll() 方法返回被选元素的所有跟随的同胞元素。  例如：$("h2").nextUntil("h6");
    nextUntil()   //nextAll() 方法返回被选元素的所有跟随的同胞元素。   $("h2").nextAll();
    prev()
    prevAll()
    prevUntil()

18.过滤
   first() 方法返回被选元素的首个元素。
  last()   last() 方法返回被选元素的最后一个元素。
  eq() 方法返回被选元素中带有指定索引号的元素
  filter()。不匹配这个标准的元素会被从集合中删除，匹配的元素会被返回。  //例如 $("p").filte(".url").css("backgroundcolor","yellow");

19.ajax

实例：
 $('#send').click(function(){
         $.ajax({
             type: "GET",
             url: "test.json",
             data: {username:$("#username").val(), content:$("#content").val()},
             dataType: "json",
             success: function(data){
                         $('#resText').empty();   //清空resText里面的所有内容
                         var html = '';
                         $.each(data, function(commentIndex, comment){
                               html += '<div class="comment"><h6>' + comment['username']
                                         + ':</h6><p class="para"' + comment['content']
                                         + '</p></div>';
                         });
                         $('#resText').html(html);
                      }
         });
    });

    
21.Object.create()  创建对象
  案例： var person = Object.create(a);

22.
indexOf() 方法只返回查找到的第一个子字符串的起始下标值，如果没有找到则返回 -1。
search() 方法和 indexOf() 的功能是相同的，查找指定字符串第一次出现的位置
indexOf(str,start)  str 指的是查询的字符串，start 查询开始的索引值。包含第一个索引的值
                     结果为开始索引值到结束第一次出现某个字符串的索引值

23.
 setTimeout(code,millisec)  参数：code指的是需要执行的方法或函数，milllisec 指的是时间间隔。
 setTimeout() 只执行 code 一次。如果要多次调用，请使用 setInterval() 或者让 code 自身再次调用。
 clearTimeout()方法可以取消setTimeout() 方法设置的 timeout。

24.
  Array.form() 方法用于将集合转化为数组
   例如： 数组去重
       function a(arr){ return Array.from(new Set(arr));}
 
25.Object.defineProperty(a, mySymbol, { value: 'Hello!' });

26.Symbol

27.json数据转换为对象
   json.parse()
   json对象转换为字符串：  json.stringfy()

28.Object.keys(Obj)  
     参数：要返回其枚举自身属性的对象  
     返回值：一个表示定对象的所有可以枚举的字符串数组
  举例：
    1.处理对象
      let person = {name:"张三",age:25,address:"深圳",getName:function(){}}
      Object.keys(person) // ["name", "age", "address","getName"]
    2.处理数组
      let arr = [1,2,3,4,5,6]
      Object.keys(arr) // ["0", "1", "2", "3", "4", "5"]
    3.处理字符串
      let str = "saasd字符串"
      Object.keys(str) // ["0", "1", "2", "3", "4", "5", "6", "7"]

jQuery 日常笔记的更多相关文章

  1. .Net 转战 Android 4.4 日常笔记目录

    .Net 转战 Android 4.4 日常笔记(1)--工具及环境搭建 .Net 转战 Android 4.4 日常笔记(2)--HelloWorld入门程序 .Net 转战 Android 4.4 ...

  2. jQuery学习笔记(一)jQuery选择器

    目录 jQuery选择器的优点 基本选择器 层次选择器 过滤选择器 表单选择器 第一次写博客,希望自己能够长期坚持,以写博客的方式作为总结与复习. 最近一段时间开始学习jQuery,通过写一个jQue ...

  3. jQuery 学习笔记

    jQuery 学习笔记   一.jQuery概述    宗旨: Write Less, Do More.    基础知识:        1.符号$代替document.getElementById( ...

  4. jQuery学习笔记（一）：入门

      jQuery学习笔记(一):入门 一.JQuery是什么 JQuery是什么?始终是萦绕在我心中的一个问题: 借鉴网上同学们的总结,可以从以下几个方面观察. 不使用JQuery时获取DOM文本的操 ...

  5. 【日常笔记】java文件下载返回数据流形式

    @RequestMapping("/downloadFile") @ResponseBody public void download(String uploadPathUrl, ...

  6. jQuery学习笔记 - 基础知识扫盲入门篇

    jQuery学习笔记 - 基础知识扫盲入门篇 2013-06-16 18:42 by 全新时代, 11 阅读, 0 评论, 收藏, 编辑 1.为什么要使用jQuery? 提供了强大的功能函数解决浏览器 ...

  7. jQuery整理笔记文件夹

    jQuery整理笔记文件夹 jQuery整理笔记一----jQuery開始 jQuery整理笔记二----jQuery选择器整理 jQuery整理笔记三----jQuery过滤函数 jQuery整理笔 ...

  8. JQuery学习笔记——层级选择器

    JQuery学习笔记--层级选择器 上一篇学习了基础的五种选择,分别是id选择器,class选择器,element选择器,*选择器 和 并列选择器.根据手册大纲,这篇学习的是层级选择器. 选择器: 1 ...

  9. jQuery学习笔记之Ajax用法详解

    这篇文章主要介绍了jQuery学习笔记之Ajax用法,结合实例形式较为详细的分析总结了jQuery中ajax的相关使用技巧,包括ajax请求.载入.处理.传递等,需要的朋友可以参考下 本文实例讲述了j ...

随机推荐

  1. 第7.26节 Python中的@property装饰器定义属性访问方法getter、setter、deleter 详解

    第7.26节 Python中的@property装饰器定义属性访问方法getter.setter.deleter 详解 一.    引言 Python中的装饰器在前面接触过,老猿还没有深入展开介绍装饰 ...

  2. 转：浅谈HTTP中Get、Post、Put与Delete的区别

    1.GET请求会向数据库发索取数据的请求,从而来获取信息,该请求就像数据库的select操作一样,只是用来查询一下数据,不会修改.增加数据,不会影响资源的内容,即该请求不会产生副作用.无论进行多少次操 ...

  3. PyQt（Python+Qt）学习随笔：QTreeWidget的topLevelItemCount属性

    老猿Python博文目录 专栏:使用PyQt开发图形界面Python应用 老猿Python博客地址 QTreeWidget的topLevelItemCount属性是一个只读属性,用于保存树型部件中顶层 ...

  4. Python爬虫学习遇到的问题

    老猿在学习Python中爬虫知识时遇到了如下问题: 爬取网页内容后写入文件报错UnicodeEncodeError: 'gbk' codec can't encode的问题解决方案 urllib.re ...

  5. 第十四章 web前端开发小白学爬虫

    老猿从事IT开发快三十年了,接触互联网也很久了,但自己没有做过web前端开发,只知道与前端开发相关的一些基本概念,如B/S架构.html标签.js脚本.css样式.xml解析.cookies.http ...

  6. MDX非常规百分比算法-过滤数据后的百分比

    网上有很多关于占比的帖子,基本上都是按照层次结构来做的,比如某个子项占总体的百分比(\all).某个子项占父项的百分比(\parent).某个子项占其祖先的百分比(\ancestor)....等等,如 ...

  7. Django官方为什么没有标准项目结构

    Django官方并没有提供标准的项目结构,于是网上众说纷纭,百花齐放,一千个读者有一千个哈姆雷特.那我们该怎么设计项目结构呢?在回答这个问题之前,先了解一下Django原生的目录和文件都是干嘛的. p ...

  8. Panda 交易所快报 央行数字货币测试进入C端流量入口

    近年来,央行数字货币的研发进展备受市场关注.近期,Panda 交易所注意,央行数字货币研究所与滴滴出行已达成战略合作协议,共同研究探索数字人民币在智慧出行领域的场景创新和应用.此外,Panda 交易所 ...

  9. Java并发编程的艺术(十一)——Executor与线程池

    Executor框架简介 从JDK5开始,把工作单元和执行机制分离开来了,工作的单元包括Runnable和Callable,执行机制就是由Executor框架提供. Executor两级调度模型 Ho ...

  10. Hadoop使用实例 词频统计和气象分析

    一.词频统计 下载喜欢的电子书或大量文本数据,并保存在本地文本文件中 编写map与reduce函数 本地测试map与reduce 将文本数据上传至HDFS上 用hadoop streaming提交任务 ...