jquery常用方法:
元素显示隐藏:
if($("#test").is(":hidden")){
$("#test").show(); //如果元素为隐藏,则将它显现
}else{
$("#test").hide(); //如果元素为显现,则将其隐藏
}
按钮禁用与激活:
$("#btnSendCode").attr("disabled", "true"); //禁用
$("#btnSendCode").removeAttr("disabled"); //启用激活
js渲染页面与淡入淡出效果:
appendTo('body').fadeIn(0)
渲染 淡入淡出
通过jQuery添加或改变样式
$(".spa").css("color","#BD362F")
jQuery操作CSS
jQuery 拥有若干进行 CSS 操作的方法
addClass() - 向被选元素添加一个或多个类
removeClass() - 从被选元素删除一个或多个类
toggleClass() - 对被选元素进行添加/删除类的切换操作
css() - 设置或返回样式属性
方法:
返回css属性:$("p").css("background-color")
设置css属性:$("p").css("background-color","yellow")
设置多个css属性:$("p").css({"background-color":"yellow","font-size":"200%"})
选取HTML元素,以及隐藏,移动,操作其内容等
$(this).hide() - 隐藏当前元素
(一)
获得内容 - text()、html() 以及 val()
获得属性的值 - attr() 方法用于获取属性值
三个简单实用的用于 DOM 操作的 jQuery 方法:
text() - 设置或返回所选元素的文本内容
html() - 设置或返回所选元素的内容(包括 HTML 标记)
val() - 设置或返回表单字段的值---例如:$("#test").val()常用来获取值
获取a标签href:
attr() 方法:$("#w3s").attr("href")获得id为w3s的href值
(二)
设置内容 - text()、html() 以及 val()
添加新的 HTML 内容:
append() - 在被选元素的结尾插入内容
prepend() - 在被选元素的开头插入内容
after() - 在被选元素之后插入内容
before() - 在被选元素之前插入内容
(三)
删除:
如需删除元素和内容,一般可使用以下两个 jQuery 方法:
remove() - 删除被选元素(及其子元素)
empty() - 从被选元素中删除子元素
过滤被删除的元素:可接受一个参数,允许您对被删元素进行过滤
删除class="italic"的所有<p>元素:$("p").remove(".italic")
【jQuery - AJAX】
jQuery load() 方法是简单但强大的 AJAX 方法,从服务器加载数据,并把返回的数据放入被选元素中
$(selector).load(URL,data(可选),callback(可选))
ajax封装 ui 链式操作 灰调函数 迭代器 延迟对象
1.样式
2.DOM
3.事件
4.动画
- 浏览: 978599 次
- 性别:
文章分类
- 全部博客 (732)
- 笔记随笔 (129)
- JSON (1)
- jQuery (52)
- HTML (79)
- CSS (151)
- Django (2)
- python (2)
- ubuntu (10)
- AngularJS (2)
- 前端积累 (172)
- node (5)
- BootStrap (4)
- 数据库 (6)
- 笔记随笔,git (2)
- git (8)
- JS (69)
- cnavas (0)
- canvas (28)
- 生活与文章 (28)
- 移动开发 (8)
- 常见特效 (130)
- CSS,浏览器兼容 (20)
- windows (1)
- jsonp (1)
- XML (2)
- SVG (1)
- 源码解析 (2)
- 前端插件 (27)
- PHP (104)
- 后端积累 (72)
- PS (5)
- 学生提问 (61)
- 代码编辑器 (7)
- 教学笔录 (88)
最新评论
-
ouyida3:
大年初一写技术博客,牛
多种方案实现 CSS 斜线 -
青春..荒唐:
标准①lang 属性规定元素内容的语言,lang=" ...
前端面试问题总结 -
青春..荒唐:
新增1:①垂直居中一个img:img{ display: ...
前端面试问题总结 -
青春..荒唐:
新增:①事件委托:利用事件冒泡,自己所触发的事件,让父元素代替 ...
前端面试问题总结 -
田进丰:
居然还有java代码?
基于jQuery图片轮播
发表评论
-
jquery的animate无法支持transform属性的解决方案
2019-03-25 16:41 2254【前言】 今天有个同事问了道问题,jquery的 ... -
浅谈jQuery的hover方法使用及 mouseenter与mouseleave和 mouseover与mouseout的区别
2019-01-15 10:37 1063【前言】 今天在网上看到一种说法,感觉有点问 ... -
浅谈jQuery实现二级导航(优缺点与局限性)
2019-01-15 09:50 1960【前言】 简单介绍下如何利用jQuery实现 ... -
jquery插件——仿新浪微博限制输入字数的textarea
2018-12-19 13:44 974【前言】 记录一款特效,以后讲课讲解下 【 ... -
jQuery中append()和appendTo()的区别
2018-09-21 09:34 1311【前言】 简单总结下jQuery中append( ... -
jQuery实现文字上下【渐进】滚动
2018-09-21 09:29 1084【前言】 jQuery实现文字上下滚动,原理很简 ... -
浅谈attr()与prop()区别
2018-09-12 17:55 878【前言】 最近做 ... -
jQuery实现全选与全不选
2018-09-12 17:45 870【前言】 jQuery实现全选与全不选 ... -
JavaScript和jquery获取父级元素、子级元素、兄弟元素的方法
2018-09-12 09:51 1055【前言】 工作 ... -
源码解析~$.extend()$.fn.extend()与用法
2018-09-04 17:56 870【前言】 总结两个开发插件常用到的方法 ... -
解决slideDown()和slideUp()反复执行的问题
2018-09-04 11:00 1274【前言】 二级下滑菜单经常出现的一个问题:当鼠 ... -
jQuery的stop()方法回顾总结
2018-09-04 09:55 847【前言】 在前 ... -
jQuery同时使用mouseover和mouseout造成闪烁
2018-09-03 17:51 1817【前言】 下拉 ... -
jquery 调用live()方法无效?
2018-08-29 16:49 1354【前言】 之前讲课的时候讲过jquery的li ... -
浅谈jQuery出现的新添加元素点击事件无效
2018-08-29 15:40 2707【前言】 jQuery出现的新添加元素点击事件无 ... -
浅谈jQuery绑定事件on和bind的区别
2018-08-27 17:56 1167【前言】 先看下事件jquery事件绑定 //对 ... -
jquery实时监听输入框值变化
2018-08-27 16:59 7365【前言】 分享一个jQuery实时监听输入框 ... -
jQuery返回顶部总结
2018-08-24 17:43 848【前言】 分享几个用jQuery返回顶部的实 ... -
jQuery判断滚动到底部或顶部
2018-08-24 15:58 2105【前言】 最近讲到了jQuery,本文分享下 ... -
$(window).scrollTop()和$(document).scrollTop()区别
2018-08-24 15:46 1271【前言】 $(document).scroll ...
相关推荐
### JQuery 常用方法详解 #### 一、JQuery简介及使用 1. **下载地址**:JQuery官网提供最新版本的下载链接,地址为http://jquery.com/。通常,JQuery会提供两种版本供用户下载:压缩版与未压缩版。其中,压缩版...
本篇文章将深入探讨jQuery中的常用方法,基于jQuery 1.4版本进行总结,帮助开发者更好地理解和应用这些功能。 1. **选择器(Selectors)**:jQuery的选择器与CSS选择器相似,如`$("#id")`选取ID为id的元素,`$("....
**jQuery 是一个广泛使用的 JavaScript 库,它极大地...学习和掌握jQuery的常用方法,将极大地提高前端开发效率和代码质量。在实际工作中,查阅jQuery官方文档和在线教程,结合项目实践,可以进一步提升jQuery技能。
### jQuery 常用方法总结 #### 一、页面元素的引用 在使用 jQuery 进行页面元素操作时,我们通常会使用 `$()` 函数来选取元素。这其中包括通过 `id`、`class`、元素名称以及元素之间的层级关系等方式进行选择。...
本书内容来自csdn网友fly_to_the_winds 关于jquery常用方法的说明.谢谢他。希望对大家有用.
以上只是jQuery常用方法的一部分,实际使用中,jQuery还有许多其他功能,如插件系统、DOM操作、效果和工具方法等,都极大地提升了JavaScript开发的效率和体验。在学习和实践中,你可以根据需求深入探索jQuery的更多...
在深入探讨jQuery的常用方法之前,我们先简要回顾一下jQuery是什么。jQuery是一个快速、简洁的JavaScript库,它极大地简化了HTML文档遍历、事件处理、动画以及与服务器交互等任务。通过一个文档对象模型(Document ...
本篇文章将深入探讨jQuery中的常用方法和事件属性。 首先,`$(document).ready()`是一个非常重要的jQuery方法,它确保DOM(文档对象模型)完全加载并准备就绪后才执行指定的函数。相比之下,`onload`事件则会在整个...
自己在开发中整理的一些常用小方法,希望能帮助到小新。 大神绕。
### Jquery 常用方法经典总结 #### 一、页面元素的引用 在使用 jQuery 时,我们经常需要选择页面中的元素来进行操作。选择器是 jQuery 的核心特性之一,它使得开发者能够轻松地通过 id、class、元素名称以及元素...
背景图片选择器获取标签属性Description: Specify a function to execute when the DOM is fully lo
JQuery 是一个流行的JavaScript库,它极大地...以上就是JQuery常用方法的基础教程,掌握这些方法能够帮助开发者高效地操作DOM,实现丰富的网页动态效果。通过不断实践和深入学习,可以更熟练地运用JQuery解决实际问题。
### jQuery常用方法及使用示例汇总 jQuery是一个快速、小巧、功能强大的JavaScript库,它封装了JavaScript常见的操作,使得Web开发者可以更方便地进行文档操作、事件处理、动画效果以及AJAX交互。下面将详细地介绍...
标题中提到的“15个jquery常用方法、小技巧分享”,意味着本文将要围绕jQuery展开,介绍15个在开发过程中频繁使用的jQuery方法以及一些实用技巧。jQuery作为一个强大的JavaScript库,广泛应用于Web开发中,能够简化...
本文将详细讲解JQuery中的常用方法和事件,帮助开发者更好地理解和运用JQuery进行网页开发。 ### 文档就绪函数 在JQuery中,我们通常会使用`$(document).ready()`函数来确保所有的DOM元素都加载完毕后再执行相关的...
### jQuery常用插件详解 #### 1. Horizontal Accordion: jQuery **知识点**: 水平方向折叠控件,基于jQuery开发,设计简洁,适用于快速实现网页中的菜单或信息展示板块。 #### 2. jQuery-HorizontalAccordion **...
这篇博文"jQuery常用代码片段"很可能是为了分享一些实用的jQuery代码示例,帮助开发者提高工作效率。下面我们将深入探讨jQuery的一些核心功能和常见用法。 1. **选择器**: jQuery的选择器类似于CSS,可以轻松地选取...
这个“jquery常用插件包”包含了几个重要的jQuery插件的源代码,包括dialog对话框插件、menu菜单插件以及tabs选项卡插件,这些都是网页交互设计中常用的组件。 首先,让我们详细探讨一下jQuery库的基础知识。jQuery...