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. C++按格式接收输入字符(京东,滴滴,360笔试必用)

    头一次起这种标题,为了对得起这个标题,我尽量多写点~ 最近还是一边实习一遍投简历--笔试--面试,然而发现了自己的好多问题. 在答了京东笔试(滴滴,360也是这样的)的题后,发现与腾讯,阿里等公司的不 ...

  2. 编写loadrunner的ftp脚本(详细步骤)

    大家好,主要给大家讲解编写loadrunner的ftp脚本详细步骤,及FTP函数注释,及FTP脚本两种编写方式,手动和录制.亲测 No problem!^_^ 1.首先要了解loadrunner中几个 ...

  3. spring 5.x 系列第19篇 ——spring简单邮件、附件邮件、内嵌资源邮件、模板邮件发送 (xml配置方式)

    源码Gitub地址:https://github.com/heibaiying/spring-samples-for-all 一.说明 1.1 项目结构说明 邮件发送配置文件为springApplic ...

  4. python基础--定义装饰器(内置装饰器)

    装饰器的定义: 装饰器本质上就是一个python函数,它可以让其它函数在不需要做任何代码改动的前提下增加额外的功能,装饰器的返回值也是一个函数对象.它经常用于有切面需求的场景中,比如-- >插入 ...

  5. 安装Flume——海量日志收集聚合系统

    下载flume:  1.官方网站下载: http://flume.apache.org/download.html 2.百度网盘资源: apache-flume-1.9.0-bin.tar 链接:ht ...

  6. 每天学点node系列-fs文件系统

    好的代码像粥一样,都是用时间熬出来的. 概述 文件 I/O 是由简单封装的标准 POSIX 函数提供的. 通过 require('fs') 使用该模块. 所有文件系统操作都具有同步和异步的形式. 异步 ...

  7. restapi(0)- 平台数据维护,写在前面

    在云计算的推动下,软件系统发展趋于平台化.云平台系统一般都是分布式的集群系统,采用大数据技术.在这方面akka提供了比较完整的开发技术支持.我在上一个系列有关CQRS的博客中按照实际应用的要求对akk ...

  8. asp.net core系列 67 Web压力测试工具WCAT

    一.介绍 最近搭建了一套CQRS框架,需要在投入开发前,进行必要的压力测试.Web Capacity Analysis Tool  (Wcat)是一种轻量级HTTP负载生成工具,主要用于衡量受控环境中 ...

  9. Ubuntu 16.4-desktop系统安装显卡CUDA具体步骤!

    1.禁用nouveau驱动(切换至tty界面) sudo vim /etc/modprobe.d/blacklist.conf 在文本最后添加:blacklist nouveau options no ...

  10. 分组在re模块中的使用

    import re #search s = "<a>wahaha</a>" #标签语言 html 和 web相关 ret= re.search(" ...