jQuery?----www.jQuery.com
jQuery的理念：write less, do more
jQuery的成就：世界排名前100的公司，46%都在使用jQuery,远远超过其他库，微软公司甚至把jQuery库 作为了他们的官方库。
what is jQuery?(这是我复制官网上的介绍，觉得说的很专业)
jQuery is a fast, small, and feature-rich(功能丰富) JavaScript library. It makes things like HTML document traversal and manipulation（循环和遍历）, event handling（事件 处理）, animation（运动）, and Ajax（异步的js与xml） much simpler with an easy-to-use API that works across a multitude of browsers(跨浏览器). With a combination（组合） of versatility and extensibility（通用性和可扩展性的）, jQuery has changed the way that millions of people write JavaScript.
jQuery的特点？
          轻量级脚本语言（Lightweight footprint）
          css兼容性（css compliant）
          跨浏览器（cross browser）
jQuery的核心思想
 
 <!doctype html>

 <html>

     <head>

         <meta charset="utf-8">

         <meta name="description" content="">

         <meta name="viewport" content="width=device-width, initial-scale=1">

         <title>jQuery--jQuery的设计思想1</title>

         <link rel="author" href="humans.txt">

         <script src="jquery-1.4.1.min.js"></script>

         <script type="text/javascript">

             /*

             1.选择网页元素

                 1.1 css选择器

                     -$(document)//选择整个文档

                     -$("#myId")//选择ID为myId的网页元素

                     -$('div.myClass')//选择class为myClass的div元素

                 1.2 jQuery特有的表达式

                     -$('a:first')//选择网页中第一个a元素

                     -$('tr:odd')//选择表格的奇数行

                     -$('div:visible')//选择可见的div元

             2.方法函数化

                 1.1 原生的

                     -window.onload

                     -innerHTML

                     -onclick

                 1.2 jquery的

                     -$()

                     -html()

                     -click()

             3.原生与jquery的关系

                 3.1 原生、jq可以共存

                     -$("#div1").html()

                     -oDiv.innerHTML

                 3.2 原生、jq不能混用

                     -$("#div1").innerHTML

                     -ODIV.html()

             4.改变结果集

                 4.1 强大的过滤器

                     -$('div').has('p');//选择包含p标签的div标签

                     -$('div').not('.myClass');//选择class不等于myClass的div元素

                     -$('div').filter('.myClass');//选择class等于myClass的div元素

                 4.2 相邻元素查找

                     -$('div').next('p');//选择div元素后面的第一个p元素

                     -$('div').parent();//选择div元素的父元素

                     -$('div').children();//选择div的所有子元素

             5.链式操作

                 $('div').find('h3').eq(2).html('hello');

                 --找到div元素，选择其中的h3元素，选择第3个h3元素，将它的内容改为Hello

                 jQuery还提供了.end()方法，使得结果集可以后退一步

                 ------>这个就使得我们可以用一个链式操作，写完一整个效果都没有问题。

             6.取值与赋值合体

                 $('h1').html();//html()没有参数，表示取出h1的值

                 $('h1').html('hello');//html()没有参数Hello,表示对h1进行赋值

                 .val()

                 .attr()

                 .width()

                 取值是一组中的 第一个元素，赋值是所有的元素

             7.元素移形换位

                 7.1 直接移动该元素

                     -$('div').insertAfter($('p'));//把div元素移动到 p元素后面

                     -$('div').appendTo($('p'));//把div元素剪切到p元素的后面

                 7.2 移动其他元素

                     -$('p').after($('div'));//把p元素加到div元素前边

                     -$('div').append($('p'));//把p元素插入到div的里边

                 区别：操作的元素不同

             8.强大的创建

                 $('#ul').append('<li>aaaa</li>');

                 ===

                 var oLi  = $('<li>');

                 oLi.html('aaaa');

                 $("#ul").append(oLi);

                 clone()

             9.工具方法（重点）

                 9.1 构造函数上的方法

                     -$.each([],function(){})

                     -$.trim($('div').attr('class'))--去掉class属性的前后空格

                     解释：$.方法：添加到构造函数，静态方法

                 9.2 原型上的方法

                     -$('div').each(function(index,elements){})

                     index--索引

                     elements--当前所有元素中正在操作的

                 demo:

                 function $(){

                     $.each = function(){

                         //构造函数下面的方法:$.each()

                     }

                     $.prototype.each = function(){

                         //原型下面的方法：$('div').each()

                     }

                 }

             10.事件操作

                 10.1 独立事件

                     - click()

                     - mouseover()

                 10.2 通用事件

                     - bind();//同一个对象上，可绑定多个事件

                     - one();//绑定的事件只可以执行一次

                     -unbind();//取消

                     - e:event对象

                     - pageX等;//鼠标相对于屏幕的坐标，原生中是clientX

                     - 阻止默认与冒泡;//return false--既可以阻止冒泡又可以阻止默认事件

                     demo:toggle--循环执行，后面可以接多个函数

                     $('input').toggle(function(){},function(){},function(){})

                     hover--$('div').hover(function(){},function(){})

             11.运动效果

                 11.1 常见效果

                     -.fadeIn();//淡入

                     -.fadeOut();//淡出

                     -.slideDown();//向下展开

                     -.slideUp();//向上卷起

                 11.2 复杂效果

                     -.animate();//运动

                     -.stop();//阻止前面的运动效果，执行当前的运动事件

             12.插件机制(plugins)--demo

                 在JQ的源码上进行拓展，一个个做好的应用

             13.UI组件（jQuery UI）

                 JQ官方提供的功能效果和UI样式

             14.手机、社区、论坛

             */

         </script>

     </head>

     <body>

     </body>

 </html>

jQuery的核心思想的更多相关文章

  1. Vue学习日记（二）——Vue核心思想

    前言 Vue.js是一个提供MVVM数据双向绑定的库,其核心思想无非就是: 数据驱动 组件系统 数据驱动 Vue.js 的核心是一个响应的数据绑定系统,它让数据与DOM保持同步非常简单.在使用 jQu ...

  2. JQuery的核心的一些方法[扒来的]

    JQuery的核心的一些方法 each(callback) '就像循环 $("Element").length; ‘元素的个数,是个属性 $("Element" ...

  3. 《深入理解Spark：核心思想与源码分析》——SparkContext的初始化（叔篇）——TaskScheduler的启动

    <深入理解Spark:核心思想与源码分析>一书前言的内容请看链接<深入理解SPARK:核心思想与源码分析>一书正式出版上市 <深入理解Spark:核心思想与源码分析> ...

  4. 《深入理解Spark：核心思想与源码分析》（前言及第1章）

    自己牺牲了7个月的周末和下班空闲时间,通过研究Spark源码和原理,总结整理的<深入理解Spark:核心思想与源码分析>一书现在已经正式出版上市,目前亚马逊.京东.当当.天猫等网站均有销售 ...

  5. 《深入理解Spark：核心思想与源码分析》（第2章）

    <深入理解Spark:核心思想与源码分析>一书前言的内容请看链接<深入理解SPARK:核心思想与源码分析>一书正式出版上市 <深入理解Spark:核心思想与源码分析> ...

  6. 《深入理解Spark：核心思想与源码分析》一书正式出版上市

    自己牺牲了7个月的周末和下班空闲时间,通过研究Spark源码和原理,总结整理的<深入理解Spark:核心思想与源码分析>一书现在已经正式出版上市,目前亚马逊.京东.当当.天猫等网站均有销售 ...

  7. 《深入理解Spark：核心思想与源码分析》正式出版上市

    自己牺牲了7个月的周末和下班空闲时间,通过研究Spark源码和原理,总结整理的<深入理解Spark:核心思想与源码分析>一书现在已经正式出版上市,目前亚马逊.京东.当当.天猫等网站均有销售 ...

  8. Hibernate核心思想—ORM机制（一）

    转:http://blog.csdn.net/wanghuan203/article/details/7566518 hibernate是一个采用ORM(Object/Relation Mapping ...

  9. hadoop的核心思想

    hadoop的核心思想 1.1.1. hadoop的核心思想 Hadoop包括两大核心,分布式存储系统和分布式计算系统. 1.1.1.1. 分布式存储 为什么数据需要存储在分布式的系统中哪,难道单一的 ...

随机推荐

  1. 系统学习 Java IO (六)----管道流 PipedInputStream/PipedOutputStream

    目录:系统学习 Java IO---- 目录,概览 PipedInputStream 类使得可以作为字节流读取管道的内容. 管道是同一 JVM 内的线程之间的通信通道. 使用两个已连接的管道流时,要为 ...

  2. Codeforces Round #565 (Div. 3) A

    A. Divide it! 题目链接:http://codeforces.com/contest/1176/problem/A 题目 You are given an integer n You ca ...

  3. Springboot 连接 使用 Redis Example

    通过一个简单的例子使用Springboot 连接并使用Redis. 本文假设已经安装好Redis. 1.首先将URL转换为一个ID ,并使用 StringRedisTemplate 将ID 和 URL ...

  4. 3D echarts 点位报表展示

    一,准备工作1)获取Echarts 以下为官网推荐的几种获取 ECharts方式: 从官网下载界面选择你需要的版本下载,根据开发者功能和体积上的需求,我们提供了不同打包的下载,如果你在体积上没有要求, ...

  5. 最新ubuntu搭建公网个人邮件服务器(基于postfix，dovecot,mysql)

      最近做了一个应用,需要用邮件发通知,但是免费的邮箱每天发信数量是有限制的,所以呢就想着搭建一个自己的邮件服务器,能够实现邮件的发送和接收即可,其中大概花了一个星期找资料,测试,终于成功了,写个教程 ...

  6. 详解FIX协议的原理、消息格式及配置开发

    一.定义 FIX协议是由国际FIX协会组织提供的一个开放式协议,目的是推动国际贸易电子化的进程,在各类参与者之间,包括投资经理.经纪人,买方.卖方建立起实时的电子化通讯协议.FIX协议的目标是把各类证 ...

  7. visual studio code emmet 插件不提示？解决方案

    使用visual studio code编辑.vue文件时,emmet插件无法使用, 可以通过以下方试解决: code →首选项 →设置 ,在右侧窗口“用户配置”.“工作区设置”添加以下代码: // ...

  8. 解决 Prometheus 不能获取 Kubernetes 集群上 Windows 节点的 Metrics

    背景 接上一篇 快速搭建 Windows Kubernetes , 我们发现原来在 Windows Kubernetes 会有一些与在 Linux 上使用不一样的体验,俗称坑,例如 hostAlias ...

  9. php的开始之路

    三大核心:封装,继承,多态 三大核心无处不在,不管是php传统的面向过程化编程,还是后来加入的oop面向对象编程,都一直贯穿整个php的发展进步史. 面向对象,面向接口五大原则:单一职责,封闭-开放, ...

  10. vim与系统剪切板之间的复制粘贴

    背景 vim各种快捷建溜得飞起,然而与系统剪切板之间的复制粘贴一直都是我的痛. 每次需要从vim中拷贝些文字去浏览器搜索,都需要用鼠标选中vim的文字后,Ctrl+c.Ctrl+v,硬生生掐断了纯键盘 ...