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 原文作者 ...
随机推荐
- C# 线程通信 一
C#多线程通信 using System; using System.Collections.Generic; using System.Linq; using System.Text; using ...
- [JAVA] java class 基本定义 Note
java class 基本定义 Note 1 package abeen.note; 2 import java.util.*; 3 4 5 /* 6 java calss 基本 7 */ 8 pub ...
- response项目的各个写法
这个是一个响应式的页面 原文可参照:http://localhost/response/seejs_index.html
- [Machine-Learning] 熟悉 Matlab 中的 map
概述 map 的意思是映射,即将一个变量映射到另一个变量. 比如将一个字符串映射为一个数值,那个字符串就是map 的键值(key),数值就是map的数据(value). 由此可以把map理解为一个哈希 ...
- jQuery 弹出层脚本
直接贴代码: $.extend({ closeBox: function (o, x, fn) { $('#' + o).fadeOut(500, function () { if (fn & ...
- Eclipse+maven+scala2.11.8+spark2.0.0的环境部署
主要在maven-for-scalaIDE纠结了,因为在eclipse版本是luna4.x 里面有自己带有的maven. 根据网上面无脑的下一步下一步,出现了错误,在此讲解各个插件的用途,以此新人看见 ...
- ubuntu安装
今天在win10下安装Ubuntu,结果没经验导致win10找不回来了,我再好好整理些思路 安装前要做一个ghost,万一出现问题可以用来恢复系统! 1,我使用USB Installer 在http: ...
- 子坐标系C在父坐标系W中的旋转问题
关键词:空间旋转.旋转轴.刚体旋转 用途:相机位姿估计.无人机位姿估计 文章类型:概念.公式总结(本文不带推倒过程,若想了解公式是如何推出来的请自习搜索文献),C++函数展示 @Author:VSha ...
- Mac系统下配置Maven环境变量
1.在官网下载Maven安装包,网址:https://maven.apache.org/download.cgi: 2.进入终端Terminal,验证JDK是否配置成功,输入java -version ...
- javascript的继承小结
继承是OO语言中最为津津乐道的概念,一般有两种继承方式,接口继承和实现继承,接口继承只继承方法签名,实现继承则是集成真正的方法.由于js中函数没有签名,因此ECMAScript中没有接口继承,只有实现 ...