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 ...
随机推荐
- add-apt-repository cloud-archive:liberty
apt-get update && apt-get upgrade;
- UNITY打包问题
1,打包有二种,打包可执行程序-player,打包资源包-assetbundle 2,打包player后,在PC平台去看打包后对应的资源大小,发现比原始资源小得多,模型资源压缩率约60%,图资源压缩率 ...
- (9/18)重学Standford_iOS7开发_动画、自动布局_课程笔记
最近开始实习,没多少时间更新了=_= 第九课: 1.上节课demo:Dropit完整实现 https://github.com/NSLogMeng/Stanford_iOS7_Study/commit ...
- chromium截图实现
声明:本blog是我自己写的,假设要转载,请注明:come from blog of niba! chromium终于显示是在ContentView上.但通过硬件加速.渲染合成的网页之前是在surfa ...
- java web应用下跨域3招
一.设置服务器端,让ajax能直接调用 服务器端设置 tomcat 设置为例: 在web.xml中添加如下过滤器 <filter> <filter-name>CorsFilte ...
- Show Global Status 整理
原文来源:MySQL 5.5 Reference Manual 部分翻译取自:<MySQL_5.1中文参考手册> 转载请注明原文链接http://www.cnblogs.com/lenag ...
- 模板类之间的友元关系实现Blob和BlobPtr
16.12编写你自己版本的Blob和BlobPtr模板,包含书中未定义的多个const成员. Blob.h(注意,成员函数的声明和定义要放在一个头文件中) /*记住,模板的头文件中通常既包括声明也包括 ...
- AndroidManifest.xml解释说明和android的启动过程
1.android清单文件:AndroidManifest.xml 说明如下: <?xml version="1.0" encoding="utf-8"? ...
- HTML5本地化应用开发-HTML5 Web存储详解
文章不是简单的的Ctrl C与V,而是一个字一个标点符号慢慢写出来的.我认为这才是是对读者的负责,本教程由技术爱好者成笑笑(博客:http://www.chengxiaoxiao.com/)写作完成. ...
- 消息中间件MQ基础理论知识
欢迎转载,转载请注明出处:http://www.cnblogs.com/lidabnu/p/5723280.html 消息中间件已经流行很长时间,一般情况下,不需要自己来从头研发.设计消息中间件,所以 ...