![](https://img-blog.csdnimg.cn/20201014180756928.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
学习记录-jQuery
文章平均质量分 84
叶炀
这个作者很懒,什么都没留下…
展开
-
jQuery(基本用法)
1、安装下载http://jquery.com jQuery框架,里面写2、jQuery一般形式说明a. 一般形式$(“div”).html("hello!"); 写在javascript里即可,元素名不用加#b. 取id,$(“#div”).html("hello!");c. 显示要显示的内容样式,$(“div”).css("font-weight","bold");原创 2015-06-30 16:59:17 · 730 阅读 · 0 评论 -
jQuery实现Ajax应用加载(load/getJSON/getScript/get/post/serialize/ajax/ajaxSetup/ajaxStart/ajaxStop)
1、load加载异步请求使用load()方法通过Ajax请求加载服务器中的数据,并把返回的数据放置到指定的元素中,它的调用格式为:load(url,[data],[callback])参数url为加载服务器地址,可选项data参数为请求时发送的数据,callback参数为数据请求成功后,执行的回调函数。举例:调.html2、使用getJSON()方法异步原创 2015-08-04 16:20:41 · 1311 阅读 · 1 评论 -
使用jQuery操作DOM(attr/html/text/addClass/removeAttr/removeClass/append/before/after/clone/replacewith/)
1、原创 2015-07-24 15:59:56 · 1595 阅读 · 0 评论 -
jQuery表单选择器(:input/:text/:password/:radio/:checkbox/:submit/:image/:checked/:selected)
1、获取表单全部元素,:input表单选择器可以实现例:修改全部表单的背景色 修改全部表单元素的背景色 Option Button $("#f原创 2015-07-20 16:51:13 · 1689 阅读 · 1 评论 -
【代码片段】隐藏与显示部分列表
挑战题 1 2 3 4 5 6 7 8 更多 $("a").cli转载 2015-07-20 15:47:19 · 964 阅读 · 0 评论 -
jQuery过滤选择器(first,last/:eq()/:contains()/:has()/:hidden/:visible)
1、first、last过滤选择器得到一组相同标签元素中的第1个元素, $(“li:first”)例:最后一个元素背景色取红色 :first过滤选择器 改变最后一行"苹果"背景颜色: 葡萄 香蕉原创 2015-07-16 17:05:27 · 3013 阅读 · 1 评论 -
jQuery动画效果2(animate移位效果/stop停止/delay延时效果)
1、调用animate()方法可以创建自定义动画效果它的调用格式为:$(selector).animate({params},speed,[callback])其中,params参数为制作动画效果的CSS属性名与值,speed参数为动画的效果的速度,单位为毫秒,可选项callback参数为动画完成时执行的回调函数名。调用animate()方法不仅可以制作简单渐渐原创 2015-07-30 15:34:22 · 11051 阅读 · 0 评论 -
jQuery动画效果(show与hide/toggle/slideUp/slideToggle/fadeIn/fadeTo)
1、show()与hide()show()和hide()方法用于显示或隐藏页面中的元素,它的调用格式分别为:$(selector).hide(speed,[callback])和$(selector).show(speed,[callback])参数speed设置隐藏或显示时的速度值,可为“slow”、“fast”或毫秒数值,可选项参数callback为隐藏或显示动作执行完成后调用的函原创 2015-07-29 16:45:26 · 5742 阅读 · 1 评论 -
jQuery函数(浏览器版本/isEmptyObject/isPlainObject/contains/trim/param/extend)
1、获取浏览器版本信息通过$.browser对象可以获取浏览器的名称和版本信息,如$.browser.chrome为true,表示当前为Chrome浏览器,$.browser.mozilla为true,表示当前为火狐浏览器,还可以通过$.browser.version方式获取浏览器版本信息。 获取浏览器名称和版本号原创 2015-08-11 16:27:40 · 960 阅读 · 1 评论 -
jQuery插件2(拖拽draggable/放置droppable/排序sortable/面板折叠accordion/横向选项卡tabs/对话框dialog/menu/微调spinner/框提示)
1、拖曳插件——draggable通过调用draggable()方法,实现各种拖曳元素的效果,调用格式如下:$(selector). draggable({options})options参数为方法调用时的配置对象,根据该对象可以设置各种拖曳效果,如“containment”属性指定拖曳区域,“axis”属性设置拖曳时的坐标方向。$("#test").draggable({axis原创 2015-08-07 16:53:54 · 5376 阅读 · 1 评论 -
jQuery事件(ready/bind/hover/toggle/unbind/one/trigger/focus/blur/change/live)
1、页面加载时触发ready()$(document).ready(function(){})等价于$(function(){}); 页面载入时触发ready()事件 $(document).ready(function(){ $("#btntest")原创 2015-07-27 16:57:25 · 3504 阅读 · 10 评论 -
jQuery插件(表单验证/表单返值/灯箱/图片放大/cookie/自动匹配/右键菜单/选中变色/相加相减)
1、表单验证插件validate$(form).validate({options})其中form参数表示表单元素名称,options参数表示调用方法时的配置对象,所有的验证规则和异常信息显示的位置都在该对象中进行设置2、表单插件form通过表单form插件,调用ajaxForm()方法,实现ajax方式向服务器提交表单数据,并通过方法中的options对象获取原创 2015-08-06 16:43:15 · 1281 阅读 · 1 评论