jQuery
慕水渔
这个作者很懒,什么都没留下…
展开
-
自定义动画
点击按钮需要同时改变多个样式,使用animate,例如:$("#button1").click(function(){ $("#div1").animate( { width:"200px", height:"200px", fontSize:"100px", opacity:0.7, left:"+=100px", }, ...原创 2019-04-10 11:17:25 · 120 阅读 · 0 评论 -
JQuery常用工具函数
去掉字符串空格:$.trim(a);遍历数组:$.each(b, function(insert,value) { //insert为索引,value为内容 $("#box").html($("#box").html()+insert+":"+value+"<br/>") });筛选数组内容:返回数组$.grep(b,function(element,ind...原创 2019-04-10 17:51:19 · 255 阅读 · 0 评论 -
jQuery属性总结
on(“事件类型”,“指定子元素”,“函数名”) 绑定事件bind(“事件类型”,“函数名”) 绑定事件两者的区别是on可以杜绝事件冒泡,选择子元素操作val 获取文本内容remove 全部删除 empty删除子元素toggle 显示/隐藏 hide隐藏 show显示fadeToggle 淡入淡出 fadeIn 显示 fadeout 隐藏slideToggl...原创 2019-04-07 14:10:48 · 111 阅读 · 0 评论 -
jQuery实现水平菜单和垂直菜单
页面中添加垂直菜单标签:<ul> <li class="main"> <a href="#">菜单一</a> <ul> <li><a href="#">子菜一</a></li> <li><a href="#">子菜二<...原创 2019-04-08 09:51:56 · 395 阅读 · 0 评论 -
jQuery表单选择器、事件
获取特定的表单元素内容:$(":input[type=password").val();鼠标点击事件:click();鼠标滑入事件:mouseover();鼠标滑出事件:mouseout();鼠标按下事件:mousedown();鼠标抬起事件:mouseup();获取焦点事件:focus();失去焦点事件:blur();...原创 2019-04-09 14:09:29 · 148 阅读 · 0 评论 -
jQuery高级事件
阻止当前绑定的事件冒泡,采用调用事件对象:function(event){ event.stopPropagetion();}阻止所有的事件事件冒泡: function(event){ event.stopImmediatePropagetion(); }阻止链接默认自动跳转:function(event){ event.preventDef...原创 2019-04-10 09:51:39 · 195 阅读 · 0 评论 -
jQuery_get
在jQuery中使用$.ajax可以发送get请求: $.ajax({ url:"ajax.json", type:"get", success:function(rep){ console.log(rep.habby); } }) //请求成功时执行done函数,失败时执行fail函数 $.ajax({}).done(functio...原创 2019-04-27 09:32:29 · 266 阅读 · 0 评论 -
jQuery定义插件
//jQuery插件定义在jQuery.fn的基础上//命名冲突的解决//循环jquery中的每一个对象//在函数中,将jQuery返回例如定义一个随机颜色插件: (function($){ $.fn.extend({ randomColor:function(){ function random(){ var r=Math.floor(Math.ra...原创 2019-04-27 09:36:36 · 176 阅读 · 0 评论