在jquery中:
1、window.onload: --->$();所以一般jquery用如下开头:
$(function(){ })
2、获取元素:
$('#div'):获取id为div的元素
$('.div'):获取class为div的元素
$('li'):获取所有的li元素;
$('div ul li'):获取div里面的ul里面的li;
$('.red ul li input'):获取class名称为red的div里面的input元素;
$('li:first'):获取到第一个li
$('li:last'):获取到最后一个li
$('li:even'):偶数行的li;
$('li:odd'):奇数行的li
$('div:contains(p)'):包含有'p'文本的div;
$('div:has(p)'):包含有P标签的div元素;
$('input[type="button"]'):type=button的input
$('input[type="text"]')type=text的input
$('input[type="password"]')type=password的input;
$('li[class="red"]'):class=red的li元素;
aDiv.eq($(this).index()).show();包含有this.index的那个div显示出来; 3、获取元素内容:
非表单元素:html()
表单元素: val(); 4、操作、获取样式:
obj.css('width'):获取宽度,纯宽度,不包含盒子模型的宽高;
obj.css('width','200px'):设置,元素的宽度设置为200px;
obj.css({width: '300px',height: '300px'···}):设置元素的宽高为300px; 5、操作属性:
obj.attr('title');获取元素的title值;
obj.attr('属性名','属性值');设置元素的属性值;
obj..attr({alt:'购物',title:'images'}):给元素设置多个属性; 6、动画操作:
obj.hide();让元素消失;
obj.show();让元素显示;
obj.slideDown()从上往下滑;
obj.slideUp();从下往上滑;
obj.fadeOut():淡出;
obj.fadeIn():淡入;
obj.animate({width: '300px'},{duration:4000,easing:'linear',complete:function(){}}) slideDown()&slideUp&fadeIn()&fadeOut()&animate()最好都配合stop()使用; 7、DOM操作:
var oStrong = $('<strong>我是一个strong标签</strong>');:创建一个strong标签;
oStrong.appendTo(父级):往后面插入;
oStrong.prependTo(父级):往前面插入;
oStrong.insertBefore(父级):往父级的前面插入一个;
oStrong.insertAfter(父级):往父级的后面插入一个
obj.remove():删除obj元素; obj.parent():结构上的父级;
obj.offsetParent():定位的父级; 8、当前事件:
this: $(this);
index: index();
9、操作事件的方法:
obj.click(function(){});
obj.mouseover(function(){});
obj.mouseout(function(){});
obj.hover(function(){});
obj.keyDown(function(){});
obj.keyUp(function(){});
obj.contextmenu(function(){});
obj.mousemove(function(){});
obj.mousedown(function(){});
obj.mouseup(function(){}); 10、事件绑定与事件解除绑定:
事件绑定:
obj.bind('事件名',fn);不能给未来的元素添加事件;
事件解除绑定:不能解除匿名函数的绑定;
obj.unbind('事件名',fn); 11、obj.live('事件名',fn):原理是事件委托;
obj.die('click');接触元素的click事件绑定; 12、事件对象:
ev.clientX
ev.clientY
ev.keyCode return false:阻止默认事件,也可以阻止事件冒泡; 13、循环:
obj.each(fn):循环某个元素;
aBtn.each(function(index,element){//index:索引;element:元素;
element.onclick = function(){
alert(index);
}
});
14、判断浏览器内核:
$.browser.webkit:判断浏览器是都webkit内核的; 15、事件对象:
ev.clientX
ev.clientY
ev.keyCode 16、盒子模型:
obj.width():物体的纯宽度;
obj.height():物体的纯高度;
obj.outerWidth():物体的盒子模型的宽度;
obj.outerHeight():物体的盒子模型的高度;
obj.offset().left: 物体到左边的绝对距离;
obj.offset().top: 物体到上边的绝对距离;
obj.parent():结构上的父级;
obj.offsetParent():定位的父级; 17、操作className:
obj.addClass('className');添加class名字;
obj.removeClass('className');删除class名字;

jquery1:的更多相关文章

  1. jQuery-1.9.1源码分析系列完毕目录整理

    jQuery 1.9.1源码分析已经完毕.目录如下 jQuery-1.9.1源码分析系列(一)整体架构 jQuery-1.9.1源码分析系列(一)整体架构续 jQuery-1.9.1源码分析系列(二) ...

  2. jQuery-1.9.1源码分析系列(十六)ajax——jsonp原理

    json jsonp 类型 "json":  把响应的结果当作 JSON 执行,并返回一个JavaScript对象.如果指定的是json,响应结果作为一个对象,在传递给成功处理函数 ...

  3. MyEclipse导入jquery-1.8.0.min.js等文件报错的解决方案

    1.选中报错的jquery文件例如"jquery-1.8.0.min.js". 2.右键选择 MyEclipse-->Exclude From Validation . 3. ...

  4. jQuery1.11源码分析(1)-----Sizzle源码概览[原创]

    最近在啃jQuery1.11源码,上来就遇到Sizzle这个jQuery的大核心,虽然已经清楚了Sizzle的用途,先绕过去也没事,但明知山有虎偏向虎山行才是我们要做的. 本文面向的阅读对象:正在学习 ...

  5. 我的jQuery源码读后感-jquery1.11.x 集成了 AMD

    jquery1.11.x 集成了 AMD AMD 加入到了 jQuery, jQuery 把源码切分成各个逻辑模块. ready 整合成依赖 Deferred 的模块. 有些模块被切分成一些更加利于维 ...

  6. [转载]jQuery1.9完全删除live事件

    其实关于live被删除的事件早就在1.7.2版本以后就有通知过了 不过在官方一直提倡使用.on代替.live的过程中 .live事件一直沿用 今天更新了 看下jQuery1.9的相关信息 发现api中 ...

  7. JS魔法堂:jQuery.Deferred(jQuery1.5-2.1)源码剖析

    一.前言 jQuery.Deferred作为1.5的新特性出现在jQuery上,而jQuery.ajax函数也做了相应的调整.因此我们能如下的使用xhr请求调用,并实现事件处理函数晚绑定. var p ...

  8. jQuery1.9.1源码分析--数据缓存Data模块

    jQuery1.9.1源码分析--数据缓存Data模块 阅读目录 jQuery API中Data的基本使用方法介绍 jQuery.acceptData(elem)源码分析 jQuery.data(el ...

  9. JQuery1.11版本对prop和attr接口的含义分离导致问题分析

    问题背景 实验中, 在jquery1.7版本, attr("value")  和 val() 接口获取 input 控件的值, 都是一致的, 都是当前控件值. 但是 jquery1 ...

  10. 【转载】jQuery1.5之后的deferred对象详解

    原文:http://www.ruanyifeng.com/blog/2011/08/a_detailed_explanation_of_jquery_deferred_object.html 原文作者 ...

随机推荐

  1. Tomcat去除项目名称和端口号,直接使用ip地址访问项目的方法

    网站开发过程中,一般的工程访问路径是 http://112.74.51.37/projectName如何设置成http://112.74.51.37/ 解决方法: 首先,进入tomcat的安装目录下的 ...

  2. [LeetCode_3] Longest Substring Without Repeating Characters

    LeetCode: 3. Longest Substring Without Repeating Characters class Solution { public: int lengthOfLon ...

  3. Python 对目录中的文件进行批量转码(GBK>UTF8)

    通过python实现对文件转码,其实处理很简单: 1.打开读取文件内容到一个字符串变量中,把gbk编码文件,对字符串进行decode转换成unicode 2.然后使用encode转换成utf-8格式. ...

  4. CSS3动画

    参考:http://www.w3school.com.cn/css3/css3_animation.asp http://www.w3school.com.cn/tiy/t.asp?f=css3_im ...

  5. SQL的多表连接查询

    SQL的多表连接查询 多表连接查询具有两种规范,SQL92和SQL99规范. SQL92规范支持下列多表连接查询: (1)等值连接: (2)非等值连接: (3)外连接: (4)广义笛卡尔积: SQL9 ...

  6. "rel=nofollow"属性

    nofollow是HTML元标签(meta)的content属性和链接标签(a)的rel属性的一个值,告诉机器(爬虫)无需追踪目标页,为了对抗blogspam(博客垃圾留言信息),Google推荐使用 ...

  7. 读《编写可维护的JavaScript》第四章总结

    第四章 变量 函数和运算符 4.1 ① 变量声明 变量声明是通过var语句来完成的,并且所有的var语句都提前到包含这段逻辑的函数的顶部执行. function doSomething() { + v ...

  8. c++实现简单的链表

    注:我是一个编程菜鸟,哪个大神看出来缺陷提点一下,感激不尽. 链表由一个个的节点串联而成,同一由first头指针管理,属于线性表中相比于数组,添加删除方便,但访问又有点慢的数据结构. 第一步:节点 N ...

  9. web项目总结——通过jsp+servlet实现对oracle的增删改查功能

    1.DAO模式 分包:依次建立 entity:实体包,放的是跟oracle数据库中表结构相对应的对象的属性,也就是这个对象有什么 dao:增删改查接口,实现增删改查的具体方法 service:同dao ...

  10. TFS二次开发系列:七、TFS二次开发的数据统计以PBI、Bug、Sprint等为例(一)

    在TFS二次开发中,我们可能会根据某一些情况对各个项目的PBI.BUG等工作项进行统计.在本文中将大略讲解如果进行这些数据统计. 一:连接TFS服务器,并且得到之后需要使用到的类方法. /// < ...