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 ...
随机推荐
- HOWTO: Setup XCode 6.1 to work with OpenCV3 libraries
HOWTO: Setup XCode 6.1 to work with OpenCV3 libraries Overview This post demonstrates how to setup y ...
- Cleaner Robot - CodeForces 589J(搜索)
有一个M*N的矩阵,有一个会自动清洁的机器人,这个机器人会按照设定好的程序来打扫卫生,如果当前方向前面可以行走,那么直接走,如果不可以走那么会向右转动90度,然后回归上一步判断.求机器人最多能打扫的面 ...
- 360浏览器拦截弹窗,window.open方式打不开新页面
window.open虽然在很多时候被广大中小站长用于弹窗广告的展示,所以广受争议,但是在业务需求中还是有很多场景需要用到此功能.然而,大多数浏览器对此都有一定的安全策略进行阻止,为此本文将针对以下浏 ...
- PTA 06-图3 六度空间 (30分)
"六度空间"理论又称作"六度分隔(Six Degrees of Separation)"理论.这个理论可以通俗地阐述为:"你和任何一个陌生人之间所间隔 ...
- .Net 笔记(二) 泛型和集合
前言: 本文中介绍 泛型和集合的区别.也算是自己的一个知识点的回顾,并且把它们写在自己的笔记中. 1.集合: 在讲到集合之前,我们先来回顾下数组的知识点吧,因为集合和数组的关系也是比较微妙的各有利弊, ...
- ASP.NET MVC- VIEW Creating Page Layouts with View Master Pages Part 4
In this tutorial, you learn how to create a common page layout for multiple pages in your applicatio ...
- myeclipse building workspace如何禁止及提高myeclipse速度
大家一定对building workspace时那缓慢的速度给困扰到了吧~ 其实只要把project选项里的 building automatically前的勾去掉,就可以快很多了.. 另外大家一定对 ...
- C语言中volatilekeyword的作用
一.前言 1.编译器优化介绍: 由于内存訪问速度远不及CPU处理速度,为提高机器总体性能,在硬件上引入硬件快速缓存Cache,加速对内存的訪问.另外在现代CPU中指令的运行并不一定严格依照顺序运行,没 ...
- CentOS更换python版本后,yum不可用的问题
因为yum调用了python,他的启动程序/usr/bin/yum就是一个python脚本 yum是不兼容 Python 2.7的,所以yum不能正常工作,我们需要指定 yum 的Python版本 将 ...
- Js完美验证15/18身份证,Js验证身份证,支持15/18位
Js完美验证15/18身份证,Js验证身份证,支持15/18位 >>>>>>>>>>>>>>>>> ...