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的核心思想的更多相关文章
- Vue学习日记（二）——Vue核心思想
前言 Vue.js是一个提供MVVM数据双向绑定的库,其核心思想无非就是: 数据驱动 组件系统 数据驱动 Vue.js 的核心是一个响应的数据绑定系统,它让数据与DOM保持同步非常简单.在使用 jQu ...
- JQuery的核心的一些方法[扒来的]
JQuery的核心的一些方法 each(callback) '就像循环 $("Element").length; ‘元素的个数,是个属性 $("Element" ...
- 《深入理解Spark：核心思想与源码分析》——SparkContext的初始化（叔篇）——TaskScheduler的启动
<深入理解Spark:核心思想与源码分析>一书前言的内容请看链接<深入理解SPARK:核心思想与源码分析>一书正式出版上市 <深入理解Spark:核心思想与源码分析> ...
- 《深入理解Spark：核心思想与源码分析》（前言及第1章）
自己牺牲了7个月的周末和下班空闲时间,通过研究Spark源码和原理,总结整理的<深入理解Spark:核心思想与源码分析>一书现在已经正式出版上市,目前亚马逊.京东.当当.天猫等网站均有销售 ...
- 《深入理解Spark：核心思想与源码分析》（第2章）
<深入理解Spark:核心思想与源码分析>一书前言的内容请看链接<深入理解SPARK:核心思想与源码分析>一书正式出版上市 <深入理解Spark:核心思想与源码分析> ...
- 《深入理解Spark：核心思想与源码分析》一书正式出版上市
自己牺牲了7个月的周末和下班空闲时间,通过研究Spark源码和原理,总结整理的<深入理解Spark:核心思想与源码分析>一书现在已经正式出版上市,目前亚马逊.京东.当当.天猫等网站均有销售 ...
- 《深入理解Spark：核心思想与源码分析》正式出版上市
自己牺牲了7个月的周末和下班空闲时间,通过研究Spark源码和原理,总结整理的<深入理解Spark:核心思想与源码分析>一书现在已经正式出版上市,目前亚马逊.京东.当当.天猫等网站均有销售 ...
- Hibernate核心思想—ORM机制（一）
转:http://blog.csdn.net/wanghuan203/article/details/7566518 hibernate是一个采用ORM(Object/Relation Mapping ...
- hadoop的核心思想
hadoop的核心思想 1.1.1. hadoop的核心思想 Hadoop包括两大核心,分布式存储系统和分布式计算系统. 1.1.1.1. 分布式存储 为什么数据需要存储在分布式的系统中哪,难道单一的 ...
随机推荐
- Netty源码分析--Reactor模型（二）
这一节和我一起开始正式的去研究Netty源码.在研究之前,我想先介绍一下Reactor模型. 我先分享两篇文献,大家可以自行下载学习. 链接:https://pan.baidu.com/s/1Uty ...
- Scala 学习之路（十二）—— 类型参数
一.泛型 Scala支持类型参数化,使得我们能够编写泛型程序. 1.1 泛型类 Java中使用<>符号来包含定义的类型参数,Scala则使用[]. class Pair[T, S](val ...
- 系统学习 Java IO (十四)----字符读写缓存和回退 BufferedReader/BufferedWriter & PushbackReader
目录:系统学习 Java IO---- 目录,概览 BufferedReader BufferedReader 类构造器接收一个 Reader 对象,为 Reader 实例提供缓冲. 缓冲可以加快 I ...
- 【dateFormatSymbols】JAVA特殊日期格式转换
记录:特殊日期格式转换,如将yyyyMMdd转为01MAY2019 public static final String DATE_VIP_FORMAT = "yyyyMMdd"; ...
- 【React】存储全局数据
参考链接:https://segmentfault.com/a/1190000012057010?utm_source=tag-newest webstorage webstorage是本地存储,存储 ...
- Burp Suite 基础知识（一）
前言 大家好,我是小白,下面开始我的表演,以下内容如有雷同纯属巧合,靴靴. (鞠躬 学到什么就写什么,可能有点乱哈. Burp Suite 是一款用于攻击 web 应用程序的集成平台,包含了许多工具 ...
- 浅说——状压DP
第一次没认真听,没听懂.(有点难) 第二次才搞懂,主要位运算太烦了!!! 位运算基础知识: 名称 符号 规则 按位与 & 全一则一,否则为零 按位或 | 有一则一,否则为零 按位取反 ~ 是零 ...
- HDU 3416：Marriage Match IV（最短路+最大流）
http://acm.hdu.edu.cn/showproblem.php?pid=3416 题意:给出n个点m条边,边信息分别是两个端点和一个费用,再给出一个起点和一个终点,问从起点到终点的完全不相 ...
- Spring MVC源码(一) ----- 启动过程与组件初始化
SpringMVC作为MVC框架近年来被广泛地使用,其与Mybatis和Spring的组合,也成为许多公司开发web的套装.SpringMVC继承了Spring的优点,对业务代码的非侵入性,配置的便捷 ...
- 第八章 Fisco Bcos 国密版本的部署、控制台搭建、合约的部署、sdk 调用
鉴于笔者以前各大博客教程都有很多人提问,早期建立一个技术交流群,里面技术体系可能比较杂,想了解相关区块链开发,技术提问,请加QQ群:538327407 参考资料 证书说明:https://mp.wei ...