jQuery的操作

jQuery可以操作的样式可以分成两种css和class两种样式。css又可以分成三种:1:设置单个样式。
2:设置多个样式。
3:获取样式。

class可以分成用法:

1:添加class样式。

2:移除class样式。

3:判断class样式。

4:切换class样式。

jQuery操作也可以做动画,比较常用的有以下几种:

1:slideDown slideUp slideToggle    slideDown(speed,callback)
slideDown slideUp是滑入和滑出的意思,效果有点像卷帘门的效果,slideDown是向下滑入,就像拉下卷帘门,另一个就是反之向上拉。
2:fadeIn   fadeOut  fadeTo  fadeToggle   fadeIn(speed,callback)是淡入,淡出的意思。也就是透明度的意思。
3:show   hide   toggle   show(speed,callback)show和hide是用来做显示和影藏的,他们两个后面括号里的如果没有时间参数,那就不会生成动画效果。
4:animate(prop, speed, easing, callback)是自定义动画,你想怎么让他动就怎么动。上面的动画中传入的时间参数有两种形式:指定字符串:fast(200ms)  normal(400ms)  slow(600ms)
数字:就是动画执行的时间,单位是ms。
自定义动画中多了两个参数分别未prop和easing,分别是什么意思呢?prop是对象的意思,里面有多个属性和值,

easing是控制动画执行的效果,它有两个值分别为:

操作动画时要注意动画队列,你给元素添加多个动画时,都会放在队列中排队,后面的动画要等前一个完成后才会开始下一个,依次执行。

我们可以用stop()来解决,stop是停止当前正在执行的动画,他后面有两个参数分别为clearQueue(意思:是否清除动画队列,参数为bool类型

), jumpToEnd(意思:是否跳转到动画的最终效果, 参数为bool类型)

两个都是布尔类型,他们可以分成四组不同的意思:

1:清除动画队列,并且跳转到动画最终效果。

2:清除动画队列,切不跳转动画最终效果。

3:不清楚动画队列,并且不跳转到动画最终效果。

4:不清除动画队列,但跳转到动画最终效果

jQuery也可以操作节点,可以创建节点,添加节点。创建节点:

添加节点append(),是添加到所有子元素的后面:

注意:如果添加的元素是页面中的元素,会把页面的元素剪切掉,因为append带剪切功能。

prepend是添加到所有子元素的前面。用法和append一样。

before:是添加到当前元素的前面。

after;是添加到当前元素的后面。

清空元素有两种:

还有一种删除元素:

还有克隆元素:

				
时间: 2024-10-04 06:23:35

jQuery的操作的相关文章

jQuery HTML 操作

jQuery 包含很多供改变和操作 HTML 的强大函数. 改变 HTML 内容 语法 $(selector).html(content) html() 函数改变所匹配的 HTML 元素的内容(innerHTML). 实例 $("p").html("W3C HTML"); 查看示例 添加 HTML 内容 语法 $(selector).append(content) append() 函数向所匹配的 HTML 元素内部追加内容. 语法 $(selector).prep

Jquery CSS 操作 - height() 方法

一.height() 方法 height() 方法返回或设置匹配元素的高度 $(".btn1").click(function(){ $("p").height(50); }); height方法事例 Jquery CSS 操作 - height() 方法,码迷,mamicode.com

jQuery 属性操作

方法 描述 addClass() 向匹配的元素添加指定的类名. attr() 设置或返回匹配元素的属性和值. hasClass() 检查匹配的元素是否拥有指定的类. html() 设置或返回匹配的元素集合中的 HTML 内容. removeAttr() 从所有匹配的元素中移除指定的属性. removeClass() 从所有匹配的元素中删除全部或者指定的类. toggleClass() 从匹配的元素中添加或删除一个类. val() 设置或返回匹配元素的值. 获得内容 - text().html()

深入学习jQuery节点操作

× 目录 [1]创建节点 [2]插入节点 [3]删除节点[4]复制节点[5]替换节点[6]包裹节点 前面的话 DOM节点操作包括创建节点.插入节点.移除节点.替换节点和复制节点.jQuery也有类似的方法,此外,还扩展了包裹节点.本文将详细介绍jQuery节点操作 创建节点 创建节点的流程比较简单,包括创建节点.添加属性和添加文本.若应用原生方法,一般地,包括document.createElement().setAttribute()和innerHTML var ele = document.

jQuery Ajax 操作函数

jQuery Ajax 操作函数 jQuery 库拥有完整的 Ajax 兼容套件.其中的函数和方法允许我们在不刷新浏览器的情况下从服务器加载数据. 函数 描述 jQuery.ajax() 执行异步 HTTP (Ajax) 请求. .ajaxComplete() 当 Ajax 请求完成时注册要调用的处理程序.这是一个 Ajax 事件. .ajaxError() 当 Ajax 请求完成且出现错误时注册要调用的处理程序.这是一个 Ajax 事件. .ajaxSend() 在 Ajax 请求发送之前显示

Jquery DOM 操作列表

jQuery 文档操作方法 这些方法对于 XML 文档和 HTML 文档均是适用的,除了:html(). jQuery 属性操作方法 下面列出的这些方法获得或设置元素的 DOM 属性. 这些方法对于 XML 文档和 HTML 文档均是适用的,除了:html(). jQuery CSS 操作函数 下面列出的这些方法设置或返回元素的 CSS 相关属性.

jQuery CSS 操作

jQuery CSS 操作 jQuery 拥有三种用于 CSS 操作的重要函数: $(selector).css(name,value) $(selector).css({properties}) $(selector).css(name) CSS 操作实例 函数 css(name,value) 为所有匹配元素的给定 CSS 属性设置值: 实例 $(selector).css(name,value) $("p").css("background-color",&qu

jQuery DOM操作之结点转移复制

jQuery DOM操作之结点转移复制 $('div').append($('p'))这样即可把p标签移动到div标签里 $('div').append( $('p').html() )是把p标签里的内容复制到div标签里 $('div').append( $('p').clone(true))是复制一份到div标签里,原来的标签还保留着 $(function(){ $(".nm_ul li").click(function(){ //当clone参数设置为true时还可以将按钮上绑定

jQuery 常见操作实现方式

一篇 jQuery 常用方法及函数的文章留存备忘. jQuery 常见操作实现方式 $("标签名") //取html元素 document.getElementsByTagName("") $("#ID") //取单个控件document.getElementById("") $("div #ID") //取某个控件中 控件 $("#ID #ID") // 通过控件ID取其中的控件 $(