`

jquery常用方法

阅读更多

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.动画

分享到:
评论

相关推荐

    JQuery常用方法

    ### JQuery 常用方法详解 #### 一、JQuery简介及使用 1. **下载地址**:JQuery官网提供最新版本的下载链接,地址为http://jquery.com/。通常,JQuery会提供两种版本供用户下载:压缩版与未压缩版。其中,压缩版...

    jQuery 常用方法

    本篇文章将深入探讨jQuery中的常用方法,基于jQuery 1.4版本进行总结,帮助开发者更好地理解和应用这些功能。 1. **选择器(Selectors)**:jQuery的选择器与CSS选择器相似,如`$("#id")`选取ID为id的元素,`$("....

    jquery 常用方法

    **jQuery 是一个广泛使用的 JavaScript 库,它极大地...学习和掌握jQuery的常用方法,将极大地提高前端开发效率和代码质量。在实际工作中,查阅jQuery官方文档和在线教程,结合项目实践,可以进一步提升jQuery技能。

    jquery常用方法总结

    ### jQuery 常用方法总结 #### 一、页面元素的引用 在使用 jQuery 进行页面元素操作时,我们通常会使用 `$()` 函数来选取元素。这其中包括通过 `id`、`class`、元素名称以及元素之间的层级关系等方式进行选择。...

    jquery常用方法一览

    本书内容来自csdn网友fly_to_the_winds 关于jquery常用方法的说明.谢谢他。希望对大家有用.

    jQuery常用方法

    以上只是jQuery常用方法的一部分,实际使用中,jQuery还有许多其他功能,如插件系统、DOM操作、效果和工具方法等,都极大地提升了JavaScript开发的效率和体验。在学习和实践中,你可以根据需求深入探索jQuery的更多...

    jquery 常用方法精讲

    在深入探讨jQuery的常用方法之前,我们先简要回顾一下jQuery是什么。jQuery是一个快速、简洁的JavaScript库,它极大地简化了HTML文档遍历、事件处理、动画以及与服务器交互等任务。通过一个文档对象模型(Document ...

    jQuery常用方法事件属性.doc

    本篇文章将深入探讨jQuery中的常用方法和事件属性。 首先,`$(document).ready()`是一个非常重要的jQuery方法,它确保DOM(文档对象模型)完全加载并准备就绪后才执行指定的函数。相比之下,`onload`事件则会在整个...

    自理Jquery常用方法.txt

    自己在开发中整理的一些常用小方法,希望能帮助到小新。 大神绕。

    Jquery 常用方法经典总结

    ### Jquery 常用方法经典总结 #### 一、页面元素的引用 在使用 jQuery 时,我们经常需要选择页面中的元素来进行操作。选择器是 jQuery 的核心特性之一,它使得开发者能够轻松地通过 id、class、元素名称以及元素...

    iicoom#Note#jQuery常用方法1

    背景图片选择器获取标签属性Description: Specify a function to execute when the DOM is fully lo

    JQuery 常用方法基础教程

    JQuery 是一个流行的JavaScript库,它极大地...以上就是JQuery常用方法的基础教程,掌握这些方法能够帮助开发者高效地操作DOM,实现丰富的网页动态效果。通过不断实践和深入学习,可以更熟练地运用JQuery解决实际问题。

    jquery常用方法及使用示例汇总

    ### jQuery常用方法及使用示例汇总 jQuery是一个快速、小巧、功能强大的JavaScript库,它封装了JavaScript常见的操作,使得Web开发者可以更方便地进行文档操作、事件处理、动画效果以及AJAX交互。下面将详细地介绍...

    15个jquery常用方法、小技巧分享

    标题中提到的“15个jquery常用方法、小技巧分享”,意味着本文将要围绕jQuery展开,介绍15个在开发过程中频繁使用的jQuery方法以及一些实用技巧。jQuery作为一个强大的JavaScript库,广泛应用于Web开发中,能够简化...

    JQuery 常用方法和事件详细介绍

    本文将详细讲解JQuery中的常用方法和事件,帮助开发者更好地理解和运用JQuery进行网页开发。 ### 文档就绪函数 在JQuery中,我们通常会使用`$(document).ready()`函数来确保所有的DOM元素都加载完毕后再执行相关的...

    jQuery常用插件大全pdf

    ### jQuery常用插件详解 #### 1. Horizontal Accordion: jQuery **知识点**: 水平方向折叠控件,基于jQuery开发,设计简洁,适用于快速实现网页中的菜单或信息展示板块。 #### 2. jQuery-HorizontalAccordion **...

    jQuery常用代码片段

    这篇博文"jQuery常用代码片段"很可能是为了分享一些实用的jQuery代码示例,帮助开发者提高工作效率。下面我们将深入探讨jQuery的一些核心功能和常见用法。 1. **选择器**: jQuery的选择器类似于CSS,可以轻松地选取...

    jquery常用插件包

    这个“jquery常用插件包”包含了几个重要的jQuery插件的源代码,包括dialog对话框插件、menu菜单插件以及tabs选项卡插件,这些都是网页交互设计中常用的组件。 首先,让我们详细探讨一下jQuery库的基础知识。jQuery...

Global site tag (gtag.js) - Google Analytics