jquery1:
在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:的更多相关文章
- jQuery-1.9.1源码分析系列完毕目录整理
jQuery 1.9.1源码分析已经完毕.目录如下 jQuery-1.9.1源码分析系列(一)整体架构 jQuery-1.9.1源码分析系列(一)整体架构续 jQuery-1.9.1源码分析系列(二) ...
- jQuery-1.9.1源码分析系列(十六)ajax——jsonp原理
json jsonp 类型 "json": 把响应的结果当作 JSON 执行,并返回一个JavaScript对象.如果指定的是json,响应结果作为一个对象,在传递给成功处理函数 ...
- MyEclipse导入jquery-1.8.0.min.js等文件报错的解决方案
1.选中报错的jquery文件例如"jquery-1.8.0.min.js". 2.右键选择 MyEclipse-->Exclude From Validation . 3. ...
- jQuery1.11源码分析(1)-----Sizzle源码概览[原创]
最近在啃jQuery1.11源码,上来就遇到Sizzle这个jQuery的大核心,虽然已经清楚了Sizzle的用途,先绕过去也没事,但明知山有虎偏向虎山行才是我们要做的. 本文面向的阅读对象:正在学习 ...
- 我的jQuery源码读后感-jquery1.11.x 集成了 AMD
jquery1.11.x 集成了 AMD AMD 加入到了 jQuery, jQuery 把源码切分成各个逻辑模块. ready 整合成依赖 Deferred 的模块. 有些模块被切分成一些更加利于维 ...
- [转载]jQuery1.9完全删除live事件
其实关于live被删除的事件早就在1.7.2版本以后就有通知过了 不过在官方一直提倡使用.on代替.live的过程中 .live事件一直沿用 今天更新了 看下jQuery1.9的相关信息 发现api中 ...
- JS魔法堂:jQuery.Deferred(jQuery1.5-2.1)源码剖析
一.前言 jQuery.Deferred作为1.5的新特性出现在jQuery上,而jQuery.ajax函数也做了相应的调整.因此我们能如下的使用xhr请求调用,并实现事件处理函数晚绑定. var p ...
- jQuery1.9.1源码分析--数据缓存Data模块
jQuery1.9.1源码分析--数据缓存Data模块 阅读目录 jQuery API中Data的基本使用方法介绍 jQuery.acceptData(elem)源码分析 jQuery.data(el ...
- JQuery1.11版本对prop和attr接口的含义分离导致问题分析
问题背景 实验中, 在jquery1.7版本, attr("value") 和 val() 接口获取 input 控件的值, 都是一致的, 都是当前控件值. 但是 jquery1 ...
- 【转载】jQuery1.5之后的deferred对象详解
原文:http://www.ruanyifeng.com/blog/2011/08/a_detailed_explanation_of_jquery_deferred_object.html 原文作者 ...
随机推荐
- href="javascript:function()" 和onclick的区别
href='javascript:function()'和onclick能起到同样的效果,一般来说,如果要调用脚本还是在onclick事件里面写代码,而不推荐在href='javascript:fun ...
- MHA故障切换和在线手工切换原理
一.故障切换的过程 当master_manager监控到主库mysqld服务停止后,首先对主库进行SSH登录检查(save_binary_logs -command=test),然后对mysqld服务 ...
- html table表头斜线
关于htnl的table的表头斜线,符合表格设计规范,<style> .biaotou { line-height: 5px; text-align: left; } .biaotou { ...
- XML序列化
1.先创建资产文件assets AssetManager am=getAssts(); 2.获得文件字节输入流 InputStrem is=am.open("weather"); ...
- CSS 的overflowhidden 属性详细解释
overflow:hidden这个CSS样式是大家常用到的CSS样式,但是大多数人对这个样式的理解仅仅局限于隐藏溢出,而对于清除浮动这个含义不是很了解. 一提到清除浮动,我们就会想到另外一个 ...
- 使用rsync和scp远程同步文件
rsync1. rsync可以通过ssh隧道的方式传输文件夹: rsync -arv --progress clone user@host:remotedir loaldir . rsync通过ssh ...
- 详解Linux目录(目录树详细解释)
给大家一篇关于Linux目录 方面的详细说明,好好读一下! Linux目录详解(RHEL5.4) linux有四种基本文件系统类型:--普通文件:如文本文件.c语言源代码.shell脚本等,可以用ca ...
- 21-React的学习
# React的学习 React概述: React是一个用于构建用户界面的JavaScript库. React主要用于构建UI,很多人认为React是MVC中的V(视图). React起源于Faceb ...
- WPF内置命令
<Window x:Class="WpfCommands.MainWindow" xmlns="http://schemas.microsoft.c ...
- Oculus中OVRPlayerController飞行视角的制作
最近项目上的事,忙的不可开交.忙里偷闲,记录下Oculus飞行视角的制作 师兄给我的要求是,带上Oculus,通过remote和头盔操作,可以完成飞行我的解决办法:1.消除重力的影响,如同在真空中,就 ...