首页
学习
活动
专区
圈层
工具
发布

jquery常用方法

1 2 3 4 5 序列化 $("form").serialize();//序列化表格内容为字符串 1 工具方法(jQuery可以使用$代替) jQuery.each(obj,callback);//...遍历对象和数组 jQuery.map();//修改数据 jQuery.grep();//数据筛选,返回一个经过筛选后的数组 jQuery.inArray(value,array);//查找元素的下标 jQuery.merge...(str);//去掉字符串起始和结尾的空格 jQuery.contains(dom1,dom2);//dom1节点是否包含dom2节点 jQuery.type();//返回对象的数据类型 jQuery.isArray...jQuery.isPlainObject();//是否为使用“{}”或“new Object”生成的对象,而不是浏览器原生提供的对象。...jQuery.param(object);//将对象的键值对转化为URL键值对字符串形式 jQuery.proxy();//调整this的指向 --------------------- 作者:三五月儿

1K20

jQuery 常用方法

jQuery 是一个快速、简洁的 JavaScript 框架,封装 JavaScript 常用的功能代码,提供一种简便的 JavaScript 设计模式,优化 HTML 文档操作、事件处理、动画设计和...Ajax 交互 选择器 符号$表示 jQuery 对象,$函数通常也被称为 jQuery 的工厂函数,jQuery 的操作基本上都以$( )开始,所有选择器都放在这个括号中,例如$("#title")将返回一个...jQuery 选择的 HTML 元素,在返回 jQuery 对象之后,就可以调用由 jQuery 提供的丰富的 API 来完成相应的操作了 基本选择器,通过元素标签名,元素 ID,Class 来查找...选取 ID 为 item 的元素后面的所有 兄弟元素 过滤选择器,主要是通过特定的过滤规则来筛选出所需的 DOM 元素,过滤规则与 CSS 中的伪类选择器语法相同,即选择器都以一个冒号:开头...button 集合元素 $(":button") 选取所有的按钮 :file 集合元素 $(":file") 选取所有的上传域 :hidden 集合元素 $(":hidden") 选取所有不可见元素 常用方法

3K50
  • 您找到你想要的搜索结果了吗?
    是的
    没有找到

    前端开发JS——jQuery常用方法

    我们经常见到的this就是对象的currentTarget属性,event.target是触发事件的对象 18、jQuery自定义事件之trigger事件 例子: 在jQuery通过on方法绑定一个原生事件...自定义事件对象,是jQuery模拟原生实现的 自定义事件可以传递参数 ---- jQuery基础(四)---动画篇 1、jQuery中元素的隐藏和显示之hide和show方法 (改变样式display...important重写样式 2、jQuery中显示与隐藏切换toggle方法(改变样式display:none/block) toggle方法是上述两个方法的切换 $ele.toggle()...因为动画是异步的,所以要在动画之后执行某些操作就必须要写到回调函数里面 4、jQuery中上卷下拉切换slideToggle方法(改变元素的高度) slideToggle 方法是上述两个方法的切换 $ele.slideToggle...因为动画是异步的,所以要在动画之后执行某些操作就必须要写到回调函数里面 6、jQuery中淡出淡入切换fadeToggle方法(改变元素的透明度) fadeToggle 方法是上述两个方法的切换 $ele.fadeToggle

    5.7K20

    jQuery知识点笔记-常用方法

    jQuery知识点范围:常用方法 核心:写得少做的多,解决浏览器的兼容性问题; DOM对象和jQuery的区别; 将jQuery转化为DOM的两种方法; $(document).ready的作用是等(document...)中的节点都加载完再执行后续的代码; first=div.first() 将div数组的第一个元素赋给first; 绑定了事件的结点不用了要销毁,防止内存泄漏; remove()比empty()好在可以传递选择表达式...; after()相比before(),前者不支持多参数处理(可能只是insertAfter()不支持); 特殊的删除detach(),删完可以加回来,属于临时删除; clone()只克隆结构,clone...(true)克隆结构和事件; warp()一个一个包裹,wrapAll()所有的作为一个整体被包裹; children()是儿子元素,find()是后代元素,必有参数的; 选择器context是由find...()方法实现的,(‘a’).find(‘b’)等价于(‘a’,‘b’);

    91320

    Web前端学习 第4章 jQuery 2 jQuery常用方法

    一、事件概述 事件的基本概念 上一章我们讲解了使用jQuery选择器获取元素,并通过一些方法来操作元素,本章我们讲解事件的概念,通过事件我们可以加强用户与浏览器的交互性,例如可以实现当用户点击某个元素的时候...二、鼠标单击事件 我们先来将最常用的鼠标单击事件click,jQuery的基本语法如下所示: 1 $("selector").click(function(){ 2 //事件触发执行的代码 3...,也就是img标签,当我们点击img标签的时候,使用attr方法将其src属性设置成另一张了图片的地址,这样就实现了图片的切换。...接下来,我们结合之前学过的方法来实现一个图片切换的效果,代码如下所示。...然后通过console.log()方法在控制台输出x坐标和y坐标。 课后练习 滑动显示和隐藏的右边栏,点击按钮弹出,电气其他位置隐藏。 让图片跟随鼠标移动。 返回顶部

    2.1K30

    jquery和原生dom对象的转换&常用函数方法

    get方法获取指定index的DOM对象,也就是我们说的jQuery对象转DOM对象。...二、jquery对象的方法 1、.each( function(index, Element) ) //each的参数顺序和js的参数顺序相反 遍历一个jQuery对象,为每个匹配元素执行一个函数 $(...'li').each(function(ind,e){ console.log(('ind+':'+$(e).text()') } //text方法是取出jquery对象的值, jQuery对象里面回调函数...,一般来说对应的元素都是原生dom,要执行jQuery的text方法需要加$转换成jquery对象 2、jQuery.each( collection, callback(indexInArray, valueOfElement...传递处理函数给.ready()方法,能保证DOM准备好后就执行这个函数,因此,这里是进行所有其它事件绑定及运行其它 jQuery 代码的最佳地方。

    2.5K30

    【融职培训】Web前端学习 第4章 jQuery 2 jQuery常用方法

    一、事件概述 事件的基本概念 上一章我们讲解了使用jQuery选择器获取元素,并通过一些方法来操作元素,本章我们讲解事件的概念,通过事件我们可以加强用户与浏览器的交互性,例如可以实现当用户点击某个元素的时候...二、鼠标单击事件 我们先来将最常用的鼠标单击事件click,jQuery的基本语法如下所示: 1 $("selector").click(function(){ 2 //事件触发执行的代码 3...,也就是img标签,当我们点击img标签的时候,使用attr方法将其src属性设置成另一张了图片的地址,这样就实现了图片的切换。...接下来,我们结合之前学过的方法来实现一个图片切换的效果,代码如下所示。...然后通过console.log()方法在控制台输出x坐标和y坐标。 课后练习 滑动显示和隐藏的右边栏,点击按钮弹出,电气其他位置隐藏。 让图片跟随鼠标移动。 返回顶部

    1.8K10

    jQuery ajax - ajax() 方法jQuery ajax - ajax() 方法

    jQuery ajax - ajax() 方法 http://www.w3school.com.cn/jquery/ajax_ajax.asp jQuery Ajax 参考手册 实例 通过 AJAX 加载一段文本...该方法是 jQuery 底层 AJAX 实现。简单易用的高层实现见 $.get, $.post 等。$.ajax() 返回其创建的 XMLHttpRequest 对象。...大多数情况下你无需直接操作该函数,除非你需要操作不常用的选项,以获得更多的灵活性。 最简单的情况下,$.ajax() 可以不带任何参数直接使用。...traditional 类型:Boolean 如果你想要用传统的方式来序列化数据,那么就设置为 true。请参考工具分类下面的 jQuery.param 方法。...如果服务器报告说返回的数据是 XML,那么返回的结果就可以用普通的 XML 方法或者 jQuery 的选择器来遍历。如果见得到其他类型,比如 HTML,则数据就以文本形式来对待。

    15.9K30
    领券