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 ...
随机推荐
- kvm usb2.0
Virt-Manager adds support for usb2 Wednesday, April 4, 2012 - 10:40 Haydn Solomon The most recent re ...
- 如何在 CentOS 7 上安装 Redis 服务器
大家好,本文的主题是 Redis,我们将要在 CentOS 7 上安装它.编译源代码,安装二进制文件,创建.安装文件.在安装了它的组件之后,我们还会配置 redis ,就像配置操作系统参数一样,目标就 ...
- ActiveMQ使用总结
一.下载使用: 官网下载apache-activemq-5.8.0-bin.tar.gz.apache-activemq-5.8.0-bin.zip 解压,然后启动ActiveMQ服务器 方法1: 直 ...
- Java SAX Schema Validation
It is possible to turn on XML Schema validation during parsing with a SAXParser. Here is how it look ...
- 一个空格引发的bug
好久没写博客了. 我们的一个项目用的thinkphp框架,当在debug模式下面运行很正常,但切换到生产模式时,刷新页面第一次可以正常显示,刷新第二次会出现错误如下: Fatal error: Cal ...
- Java Web学习笔记-Servlet不是线程安全的
由于Servlet只会有一个实例,多个用户同时请求同一个Servlet时,Tomcat会派生出多条线程执行Servlet的代码,因此Servlet有线程不安全的隐患.如果设计不当,系统就会出现问题. ...
- 利用UI_APPEARANCE统一设置UITabBarItem样式
-(void)setupTabBarItemAttributes{ //attributes NSMutableDictionary *selectedAttrs= [NSMutableDiction ...
- Ajax 整理总结(入门)
Ajax 学习要点: 1.Ajax 概述 2.load()方法 3.$.get()和$.post() 4.$.getScript()和$.getJSON() 5.$.ajax()方法 6.表单序列化 ...
- 在java项目中应用ueditor
虽然百度ueditor的官网和文档都已经很详细了.但是自己还是记录下 自己使用uEditor的过程. 这是 他的官网 http://ueditor.baidu.com/website/ 例子 文档什 ...
- c# 扩展方法奇思妙用集锦
本文转载:http://www.cnblogs.com/ldp615/archive/2009/08/07/1541404.html 其中本人觉得很经典的:c# 扩展方法奇思妙用基础篇五:Dictio ...