频道栏目
首页 > 程序开发 > web前端 > JavaScript > 正文
集成Jquery
2017-06-30 09:27:51         来源:linFeng_csdn的博客  
收藏   我要投稿

集成Jquery

一.Jquery事件:

什么是事件:

页面对不同访问者的响应叫做事件。

事件处理程序指的是当 HTML 中发生某些事件时所调用的方法

绑定事件:

1.通过获取Dom元素的方式来绑定事件,只能绑定一个事件.

2.如果你想绑定两个事件,可以通过windows提供的方法,当是这个方法有兼容性:

attachEvent(IE)

addEventListener(Chrome,FF)

//返回非0任意字符 表示true 返回0 false

if(btn.attachEvent){

//IE使用栈

btn.attachEvent("onclick",function(){

alert("IE下点击了");

});

btn.attachEvent("onclick",function(){

alert("IE下点击了1");

});

}else{

//w3c的标准 队列

btn.addEventListener("click",function(){

alert("chrome下点击了");

});

btn.addEventListener("click",function(){

alert("chrome下点击了1");

});

}

jquery除了出色的选择器 考虑了 不同浏览器的兼容性 可以使用 jquery提供的方法 兼容各种浏览器

Jquery绑定事件(Img):

常用的jquery事件:

\

jquery绑定事件:

$("p").click(function(){  
    // 动作触发后执行的代码!!  
}); 

可以通过event获取到鼠标的所在的X轴和Y轴

方法:clientX,clientY

Jquery常用函数:

eq():返回jquery对象

append():追加元素到子元素之后

remove():删除自己,并不是删除子元素

Jquery方法的特点:

1.修改Dom元素的数据

2.修改Dom元素的样式

3.修改Dom元素的子元素

二.Jquery筛选:

从已经筛选的结果再次进行筛选,叫过滤

find(expr)函数:(当前的元素中找子元素)

not(expr)函数:(匹配当前元素不相等的,排除所有满足选择器的任何元素)

Jquery Ajax:

注意:所有的函数都可以使用$.ajax()这个函数,里面有很多参数

$.ajax({

type: "POST",//指定传到后台是get还是post

url: "ajaxUpdate",//后台的Action路径

dataType: "json",//转换为json

data:{servantId:id,servantNumber:deptno,servantName:name,servantJob:job,servantDate:date,servantSal:sal},//传值到Action

success: function(msg){//返回成功的回调函数

//使用循环,循环出list的值

showEmployee(1);

}

//还有一个返回错误的回调函数

});

传值的三种方式:

1.通过字符串拼接:(标准)

2.通过json的方式:({键:值},建议使用)

3.通过使用serialize方法获取from表单的jquery对象,点该方法即可

jquery使用循环:

Object需要例遍的对象或数组。  
callback (可选)Function每个成员/元素执行的回调函数。  
示例  
描述:  
例遍数组,同时使用元素索引和内容。  
jQuery 代码:  
$.each( [0,1,2], function(i, n){  
  alert( "Item #" + i + ": " + n );  
});  
描述:  
例遍对象,同时使用成员名称和变量内容。  
jQuery 代码:  
$.each( { name: "John", lang: "JS" }, function(i, n){  
  alert( "Name: " + i + ", Value: " + n );  
});  
点击复制链接 与好友分享!回本站首页
上一篇:JS本地对象之Array
下一篇:在JS文件中对同一个页面是否存在另一个js进行判断
相关文章
图文推荐
点击排行

关于我们 | 联系我们 | 广告服务 | 投资合作 | 版权申明 | 在线帮助 | 网站地图 | 作品发布 | Vip技术培训 | 举报中心

版权所有: 红黑联盟--致力于做实用的IT技术学习网站