jquery 核心
1.jquery核心函数
1.1 jQuery([selector,[context]]);
$("#id"),$(document.body),$("input",document.forms[0])//在第一个表单中查找input元素
1.2 jQuery(html,[ownerDocument]);jQuery(html,props)
html:用于动态创建DOM元素的HTML标记字符串
[ownerDocument]:创建DOM元素所在的文档
props:用于附加到新创建元素上的属性、事件和方法
$("<div><p>sssss</p></div>").appendTo("body");
$("<input>",{
type:"text",
val:"Test",
focus:function(){$(this).addClass("focus");},
blur:function(){}
}).appendTo("form");
1.3 jQuery(callback)
$(document).ready(function(){}) 简写 $(function(){})
1.4 jQuery.holdReady(hold) 暂停或恢复.ready() 事件的执行。
$.holdReady(true);
$.getScript("my.js",function(){$.holdReady(false);})
2.jquery对象缓存
2.1 each(callback) 遍历
$("img").each(function(i){
this.src="test"+ i +".png";
$(this).attr("src","test"+ i +".png");
});
$("div").each(function(index,domEle){ //domEle==this
$(domEle).css("color","red");
if($(this).is("#id")){
$("span").text(index);
return false;
}
})
2.2 size() 针对标签对象元素,只能在jquery中使用
$("p").size();
2.3 length 标签对象元素与字符串的长度或者计算一个数组元素的个数,可以在js中使用
2.4 selector属性 返回传给jQuery()的原始选择器。
$("ul li").selector 返回 ul li
$("div#id ul:not([class])") 返回 div#id ul:not([class])
2.5 context属性
$("ul", document.body).context.nodeName 返回 BODY
2.6 get([index])
$("img").get(0); 等价于 $("img")[0];
2.7 index([selector|element])
$("li").index($("#bar"))
$("#bar").index("li")
3.数据缓存
3.1 data([data],[value])
$("div").data("key","value");
$("div").data("test",{first:"sm",last:"zs"});
$("div").data("test").first
3.2 removeData()
$("div").removeData("test");
4.队列控制
4.1 queue(element,[queueName]) 显示或操作在匹配元素上执行的函数队列
4.2 dequeue([queueName]) 从队列最前端移除一个队列函数,并执行他。
4.3 clearQueue([queueName]) 清空对象上尚未执行的所有队列
5.插件机制
5.1 $.extend()与$.fn.extend()
插件开发包括两种:1.类级别的插件开发,即$.extend()扩展jquery对象本身;2.对象级别的插件开发,即$.fn.extend()扩展jquery元素集来提供新的方法。
6.多库共存
jQuery.noConflict();
var jq=$.noConflict();
jq(document).ready(function(){
jq("button").click(function(){
jq("p").hide();
});
});
只是简单地整理,方便记住主要哪些知识!
jquery 核心的更多相关文章
- Jquery核心函数
在Jquery中,所有的DOM对象都将封装成Jquery对象,而且只有Jquery对象才能使用Jquery方法或者属性来执行相应的操作. 所以Jquery提供了一个可以将DOM对象封装成Jquery对 ...
- JQuery --- 第一期 (初识jQuery, JQuery核心函数和工具方法)
个人学习笔记 初识jQuery 1.我的第一个JQuery <!DOCTYPE html> <html lang="en"> <head> & ...
- Jq_DOM元素方法跟JQuery 核心函数跟JQuery 事件方法
JQuery DOM 元素 函数 描述 .get() 从队列中删除所有未运行的项目. .ind ...
- 13.11.20 jquery 核心 siblings() 获得同类(不包含自己)循环所有,
jquery 核心1.选择器,2. 创建dom 元素 3. jquery 执行时 4. 延迟执行 5. 循环 6. 计算长度.7.8 获得选择器和所在节点 9. 获得下标 10. 元素存放数据 11 ...
- jQuery笔记: 基本概念与jQuery核心
目录 初识jQuery 为什么要使用jQuery? 如何使用jQuery? jQuery与js加载模式不同 jQuery入口函数的四种写法 jQuery的访问符冲突问题 jQuery核心函数和jQue ...
- jQuery核心函数和静态方法
jQuery核心函数 从jQuery文档中可以看出,jQuery核心函数一共3大类4小类 jQuery(callback) 当DOM加载完成后执行传入的回调函数 <script> $(fu ...
- 浅谈 jQuery 核心架构设计
jQuery对于大家而言并不陌生,因此关于它是什么以及它的作用,在这里我就不多言了,而本篇文章的目的是想通过对源码简单的分析来讨论 jQuery 的核心架构设计,以及jQuery 是如何利用javas ...
- jquery核心功能分析
作者:zccst 核心功能包括: jQuery是如何定义的,如何调用的,如何扩展的.掌握核心方法是如何实现的,是理解jQuery源码的关键.这里理解了一切豁然开朗. 1,如何定义,即入口 // Def ...
- 谈一谈jQuery核心架构设计(转)
jQuery对于大家而言并不陌生,因此关于它是什么以及它的作用,在这里我就不多言了,而本篇文章的目的是想通过对源码简单的分析来讨论 jQuery 的核心架构设计,以及jQuery 是如何利用javas ...
随机推荐
- Kbuild文件
3 Kbuild文件 大部分内核中的Makefile都是使用Kbuild组织结构的Kbuild Makefile.这章将介绍Kbuild Makefile的语法. 对于Kbuild文件名来讲,Kbui ...
- 解决oracle_4031错误的方法
原因分析: 大量的硬解析出现,产生大量小的free chunk突然出现大的sql 1.临时方法 alter system flush shared_pool; 2.共享SQL alter system ...
- js获取几个月前,几周前时间。
/** * DK 命名空间 防止全局变量污染 */ var DK = {} ; /** * 获取前几个月,默认为一个月,当前时间 * @author duke * @date 格式为yy ...
- Struts标签<s:iterator>遍历访问复杂Map对象
<s:iterator value="resultType" id="geneUi"> //拿到要遍历的Map对象 <s:iterator v ...
- Struts中常用的几个技术
Struts ognl表达式语言几个符号 # 获取非根元素值 . 动态都建map集合 $ 配置文件取值 % 提供一个ognl表达式运行环境 代码示例一:在action类的一个方法中讲一个值存入 ...
- 微信小程序开发体验
1. 申请小程序账号 小程序目前不支持个人申请,企业申请后填写基本信息 本来以为用原来公司申请的公众号就可以申请小程序权限,貌似不行 2. 添加开发者 管理员默认拥有开发者所有权限 添加其他开发者 ...
- java 集合排序(转)
Java API针对集合类型排序提供了两种支持:java.util.Collections.sort(java.util.List)java.util.Collections.sort(java.ut ...
- oralce11 过程
PL/SQL 块的结构和实例 pl/sql(procedural language(过程化语言)/sql)是oracle在标准的sql语言上的扩展.pl/sql不仅允许嵌入sql语言,还可以定义变量和 ...
- 初步掌握HBase
1.HBase概述 HBase是hadoop生态系统中的重要组成部分,是一个开源的.面向列.适合存储海量非结构化数据或半结构化数据,具备高可靠性.高性能.可灵活扩展伸缩.支持实时数据读写的分布式存储系 ...
- 【NodeJs】使用TCP套接字收发数据的简单实例
因为TCP协议是流协议,在收发数据的时候会有粘包的问题.本例使用自定义的SPtcp封包协议对TCP数据再进行一次封装,解决了粘包问题. 注:其性能仍有待优化.优化方向:使用TCP自带的接收窗口缓存. ...