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 原文作者 ...
随机推荐
- UI图标资源搜索
下面这些网站可以搜索图标资源,方面界面制作: 分享下http://www.tutorialcadet.com/20-user-interface-icon-sets-for-developers/下面 ...
- sys,os,模块-正则表达式
# *__conding:utf-8__* """"我是注释""" sys,os模块 import sysimport os pr ...
- Vue 源码解析:深入响应式原理(上)
原文链接:http://www.imooc.com/article/14466 Vue.js 最显著的功能就是响应式系统,它是一个典型的 MVVM 框架,模型(Model)只是普通的 JavaScri ...
- [Machine-Learning] 熟悉Matlab
浮点数取整的几个函数 floor: 向下取整 ceil: 向上取整 round: 取最接近的整数 fix: 向0取整 不等于 Matlab 中,使用~=表示不等于. 数组相关操作 使用 [] 命名数组 ...
- Codeforces Round #389 (Div. 2, Rated, Based on Technocup 2017 - Elimination Round 3) B
Description Santa Claus decided to disassemble his keyboard to clean it. After he returned all the k ...
- SQL锁死解决办法
SQL Server 表,记录 死锁解决办法 1. 先根据以下语句 查询 哪些表被 死锁,及 死锁的 spid SELECT request_session_id spid,OBJECT_NAME(r ...
- HQL查询——关联和连接
HQL查询--关联和连接 为了便于理解有关的使用关联和连接进行HQL查询,首先提供两个具有关联关系的持久化类:Person类和MyEvent类 Person类: import javax.persis ...
- 【leetcode❤python】 303. Range Sum Query - Immutable
#-*- coding: UTF-8 -*- #Tags:dynamic programming,sumRange(i,j)=sum(j)-sum(i-1)class NumArray(object) ...
- docker tomcat7 dubbo-admin monitor
docker run --name=dubbo_admin9201 -tid -p : -v /home/dubbo/admin:/usr/local/tomcat7/webapps/ROOT cen ...
- C#知识点总结系列:5、CLR的组成和运转
clr基本 CLR(Common Language Runtime)是一个可由多种编程语言使用的“运行时”.(例如:c#,c++/cli,vb,f#,ironpython,ironruby,il... ...