jquery 基础知识汇总

 

$("各种选择器")

 

$("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技术文档