- 浏览: 32159 次
- 性别:
- 来自: 广州
最新评论
$("各种选择器")
$("p").addClass("myClass") 为p标签添加myClass样式
$("li").find("ul").prev().click(function(){});
找到所有li标签包含的ul标签 的 前一个标记 并添加click时件
$(this).next().toggleClass("myHide"); 切换后面标记的样式
toggle(“选择器”) 切换样式
css("color","black") 直接获取、设置元素的样式
$("p").mouseover(function(){
$(this).css("color","red");
});直接设置标记p的样式
$(function(){
$("img").mouseover(function(){
$(this).css("opacity","0.5");
});
$("img").mouseout(function(){
$(this).css("opacity","1.0");
});
});设置图片的透明度 兼容性比较好
$("p").hasClass("myClass") / $("p").is(".myClass")
判断p元素是否设置了myClass类别样式 设了返回true 否 返回 false
$(this).text()获取文本内容
$(this).html()获取innerHTML
例如:
$("p").click(function(){
var sHtmlStr=$(this).html(); 把文本变成innerHtml
$(this).text(sHtmlStr); 将代码变成文本形式
});
$("p").append("<b>直接添加代码</b>")直接为所有p标记添加一段代码作为子元素
append($("a")) 添加固定的节点。 分多个复制 和唯一移动
$("img:eq(0)").appendTo($("p")) 复制
$("img:eq(1)").appendTo($("p:eq(0)")) 移动
$("p").remove(":content('大')") 删去内容含有大字的p元素
$("img:eq(0)").clone().appendTo("p")克隆图片到所有p标记内
/////javascript 基本内容
slice(从该字符开始,该字符结束不含负数重后面回找) substring(,)同上,负数当0
substr(开始位置,长度)
indexOf("要找",从这里开始找)前往后 lastIndexOf()后往前 返回子字符串开始的位置
toExponential(小数点后位数);将数值转为科学计数法
toString()转换为字符串 toString(2)转换成为2进制字符串
parseInt()转换为数值 也可以进制转换0开始默认为八进制 parseFloat()不在有默认进制
数组变成字符串使用 join() a.join("分隔符默认为,")
字符串转化为数组 split("分隔符‘去掉’也可以空")
数组元素反排序 reverse()
数组排序 sort()
、、、、、、、、、、、、、、、、、、、、、、、、、、、、、、、、、、
、、、、、、、、、、、、、数学计算 Math 对象、、、、、、、、、、、、、、、、
ceil() floor() round() 往上 往下 四五 舍入
Math.random()随机选择 0~1
、、、、、、、、、、、、、、、、、、、、、、、、、、、、、、、、、
push(“把参数入栈”)入栈 pop()出栈
prompt() 弹出提示框 有输入
事件处理 为了处理浏览器兼容 event 对象 获取事件的对象 可以使用对象的属性和方法
function(oEvent){
if(window.event)
oEvent=window.event;
}
例子:检测事件的名称
if(oEvent.rype=="click")
...
elseif(oEvent.type=="mouseover")
...
获取事件的目标
if(oEvent.srcElement)
oTarget=oEvent.srcElement;
else
oTarget=oEvent.target;
例子:弹出目标的标记名称 alert(oTarget.tagName);
鼠标事件 click dbclick mousedown mouseout mouseover mouseup mousemove
键盘事件 keydown keypress keyup
oEvent.charCode=(oEvent.type=="keypress")?oEvent.keyCode:0; 处理兼容
表单中的共同属性和方法 checked 默认选中为true defaultChecked 初始值选中为true value defaultValue 初始值
form 指向元素所在的<form> name type blur()使鼠标焦点离开某个元素 foucus()聚焦到某个元素
click() 模拟用户单击 select()选中高亮显示文本
try catch 查找错误
try{
alert("this is an example!");
alert("fresheggs");
}catch(ex){
var sError = "";
for(var i in ex){
sError+=i+":"+ex[i]+"\n";
}
alert(sError);
}
////////////////////////////////////////////////////
ajax
异步对象的属性和方法
abort()取消请求
getAllResponseHeaders()获取响应的所有http头
getResponseHeaders()获取响应的指定http头
open(method,url) 创建请求
send()发送请求
setResquestHeaders()指定请求的http头
onreadystatechange 发生任何状态变化的时间控制对象
readystate 请求的状态
responseText 服务器返回的文本
responseXML
status 服务器返回的http请求响应值,常有200 202 400 404 500
、、、、、、、、、、、、、、、、、、、、、、、、、、、、、、、、、、、、、、、、
、、、、、、、、、、、、、、、、、、、、、、、、、、、、、、、、、、、、、、、
处理对象
$.each(数组、对象名,function(下标iNum、属性property,值value))遍历数组和对象
$.grep()过滤数据
$.map()转化数组
$.getScript(url,)获取外部代码
附件是jquery技术文档- jquery.rar (104.7 KB)
- 下载次数: 2
- jQuery技巧大放送.rar (7.2 KB)
- 下载次数: 4
发表评论
-
自clone方法
2010-02-02 16:45 760<!DOCTYPE html PUBLIC &qu ... -
图片移动特效
2010-02-02 16:42 792<!DOCTYPE html PUBLIC &qu ... -
联动 地区城市的 转载
2010-01-11 10:08 945<SCRIPT LANGUAGE="JavaS ... -
日期三级联动 转载
2010-01-11 09:52 1275来源:[url]http://www.wangchao.net ... -
p屏蔽鼠标右键
2010-01-06 09:36 830function block(oEvent){ if(wi ... -
javascript 输出日期
2010-01-04 16:59 1015var omydate = new Date(); var ... -
使用jquery做的伸缩菜单
2010-01-04 14:30 4061<script language="javas ... -
jquery创建dom元素
2010-01-04 11:54 2338<script language="javas ... -
隔行变色表格
2010-01-04 11:15 2458<!DOCTYPE html PUBLIC " ... -
网页上ppt方式变换图片
2009-12-26 23:57 874img{ filter:RevealTrans(Durat ... -
树状菜单
2009-12-18 20:59 777function openl(aa,bb) { ... -
ajax对象属性的大小写问题 (造成ajax调用不显示原因之一)
2009-12-03 10:03 938在w3c浏览器,如ff中,对大小写是敏感。如 if(xhr. ... -
滚动显示
2009-11-26 21:28 563div { font-size:12px; } </s ...
相关推荐
详细的jquery基础知识总结 jQuery
jquery
代码+知识点汇总,采用xmind框图导出,知识点简单明了,无论是学过还是没学过,通过这个资料过一遍绝对对Jquery整体清楚明了。后面附带了9个基本的jquery实例,进一步加深用jquery的理解。(全部实例(30个)可另外...
JQuery基础知识,这是我自己自学时作的总结,只作了常用的一些事件属性.还有资料
总结了从jquery基础到重点的知识点,可方便大家从了解到熟练jquery,可参考其中来巩固。
我们实习的时候,团队中各组员分别学习并总结的劳动成果,JQuery基础教程第2版(人民邮电出版社),很全面的知识总结,现在我拿来,分享给想学习JQuery的求知者,积分要的不多,也算是给我们劳动成果的一点回报,...
Jquery 基础知识总结 使用技巧 使用小结
30个jquery实例,覆盖了jquery的各个...如果你不懂jquery基础知识,请参看我的jquery知识点汇总,那里用思维导图的形式总结了jquery的基本知识点,配合每个知识点的代码实现,一定会对你使用和学习jquery起到很大帮助。
一个基于js的jQuery类库 ,简化了js,方便代码员使用,里面基本汇总了jQuery前端所需的知识,缺乏ajax,没有服务器与后台关联知识,不过对于前端还是比较全的,含有全选,反选,左右选择以及二级联动的代码案例以及...
jquery的基础知识总结
jQuery是一个优秀的、轻量级的js库 ,它兼容CSS3,还兼容各种浏览器(IE 6.0+, FF1.5+, Safari 2.0+, Opera 9.0+),而jQuery2.0及后续版本将不再支持IE6/7/8浏览器。jQuery使用户能更方便地处理HTML(标准通用标记...
1、基础 jquery对象集: $():jquery对象集合 获取jquery对象集中的元素: 使用索引获取包装器中的javascript元素:var temp = $(‘img[alt]’)[0] 使用jquery的get方法获取jquery对象集中的javascript...
下面小编就为大家带来一篇jQuery基础知识点总结(DOM操作)。小编觉得挺不错的,现在就分享给大家,也给大家做个参考。一起跟随小编过来看看吧
Jquery基础知识的总结,帮助更好的学校Jquery
3.1.1 页眉基础知识 3.1.2 页眉结构 3.1.3 页眉定位 3.1.4 页眉按钮 3.1.5 既有文本又有图标的按钮 3.1.6 只带有图标的按钮 3.1.7 带有分段控件的页眉栏 3.1.8 修复被截断的页眉或页脚 ...
基础知识点笔记
理论篇:对选择器、事件、常用函数方法、外观效果、查找筛选、文档处理、Ajax处理的基础知识,以及《锋利的JQUERY》读书笔记精华完整版。 实践篇:Tab菜单栏源码、手风琴菜单源码、圆角效果源码、网页弹出对话框...