`
benx
  • 浏览: 276345 次
  • 性别: Icon_minigender_1
  • 来自: 北京
社区版块
存档分类
最新评论

Jquery总结

    博客分类:
  • java
阅读更多


 

名称

例子

描述

selector

All Selector (“*”)

 

查找所有

Class Selector (“.class”)

 

根据样式class查找

Element Selector (“element”)

 

根据种类查找

ID Selector (“#id”)

$("#id")

根据ID查找

Multiple Selector (“selector1, selector2, selectorN”)

 

查找多种

 

 

 

:eq() Selector

$("td:eq(2)")

等于

:even Selector

$("tr:even")

偶数

:first Selector

$("tr:first")

第一个

:gt() Selector

$("td:gt(4)")

大于

:header Selector

$(":header")

Selects all elements that are headers, like h1, h2, h3 and so on.

:last Selector

$("tr:last")

最后一个

:lt() Selector

$("td:lt(4)")

 

:not() Selector

$("input:not(:checked) + span")

 

:odd Selector

$("tr:odd")

 

 

 

 

Attribute Contains Prefix Selector [name|=value]

 

 

Attribute Contains Selector [name*=value]

$("input[name*='man']")

 

Attribute Contains Word Selector [name~=value]

 

 

Attribute Ends With Selector [name$=value]

 

 

Attribute Equals Selector [name=value]

 

 

Attribute Not Equal Selector [name!=value]

 

 

Attribute Starts With Selector [name^=value]

 

 

Has Attribute Selector [name]

 

 

Multiple Attribute Selector [name=value][name2=value2]

 

 

 

 

 

 

 

 

:button Selector

$(":button")

 

:checkbox Selector

 $("form input:checkbox")

 

:checked Selector

 

 

:disabled Selector

 

 

:enabled Selector

 

 

:file Selector

 

 

:image Selector

 

 

:input Selector

 

 

:password Selector

 

 

:radio Selector

 

 

:reset Selector

 

 

:selected Selector

 

 

 

 

 

 

 

 

Child Selector (“parent > child”)

$("ul.topnav > li")

 

Descendant Selector (“ancestor descendant”)

$("form input")

 

Next Adjacent Selector (“prev + next”)

$("label + input")

 

Next Siblings Selector (“prev ~ siblings”)

$("#prev ~ div")

 

 

 

 

 

 

 

:contains() Selector

$("div:contains('John')"

 

:empty Selector

$("td:empty")

 

:has() Selector

$("div:has(p)")

 

:parent Selector

$("td:parent")

 

 

 

 

 

 

 

 

 

Attributes

.addClass()

$('p').addClass('myClass yourClass');

 

.attr()

var title = $("em").attr("title");

 

.hasClass()

$('#mydiv').hasClass('foo')

 

.html()

$('div.demo-container').html();

 

.removeAttr()

$(this).next().removeAttr("disabled")

 

.removeClass()

$('p').removeClass('myClass yourClass')

 

.toggleClass()

$('#foo').toggleClass(className, addOrRemove);
is equivalent to:

if (addOrRemove) {
    $('#foo').addClass(className);
  }
  else {
    $('#foo').removeClass(className);
  }

 

.val()

$('select.foo').val();   

 

 

 

 

 

 

 

 

 

CSS

.addClass()

$('p').addClass('myClass yourClass');

 

.css()

 $('p').css("background-color");

 

.hasClass()

 

 

.height()

 

 

.innerHeight()

 

 

.innerWidth()

 

 

.offset()

 

 

.outerHeight()

 

 

.outerWidth()

 

 

.position()

 

 

.removeClass()

 

 

.scrollLeft()

 

 

.scrollTop()

 

 

.toggleClass()

 

 

.width()

 

 


 

分享到:
评论

相关推荐

    jquery总结学习资料JQuery总结

    **jQuery 总结** 在实际开发中,jQuery 可以极大地提高工作效率,减少代码量,使得动态交互和界面美化变得更加简单。然而,随着 ES6 和现代前端框架的崛起,如 React 和 Vue,jQuery 在某些场景下可能不再是首选。...

    jquery总结学习资料JQuery总结,jquery总结学习资料JQuery总结,jquery总结学习资料JQuery总结

    6. **总结** jQuery降低了JavaScript开发的复杂度,提高了开发效率,尤其在DOM操作、事件处理和Ajax交互方面表现突出。无论是初学者还是经验丰富的开发者,jQuery都能作为一个强大的工具,提升开发体验和项目质量。...

    Jquery全集 Jquery总结

    **jQuery 全集:深入理解与实践** jQuery 是一个广泛使用的 JavaScript 库,它极大地简化了 JavaScript 的 DOM 操作、事件处理、动画制作以及 AJAX 交互。本资料旨在全面覆盖 jQuery 的核心概念和实用技巧,通过...

    JQuery总结.docx - 快捷方式.lnk

    JQuery总结.docx - 快捷方式.lnk

    JQuery入门,JQuery总结

    **jQuery入门与总结** jQuery是一个深受开发者喜爱的JavaScript库,它的出现极大地方便了JavaScript的编程,使得HTML元素的选择、操作和隐藏等任务变得更加简单。jQuery的核心理念是"write less, do more",即用更...

    JQuery个人总结(很全面)

    目录: 1.选择网页元素 2.改变结果集 3.链式操作 4.元素的操作:取值和赋值 5.元素的操作:移动 6.元素的操作:复制、删除和创建 7.工具方法 8.事件操作 9.特殊效果

    jquery总结 Js总结 PHP与jquery

    **jQuery 知识总结** jQuery 是一个高效、简洁且功能丰富的 JavaScript 库,它极大地简化了 JavaScript 的DOM操作、事件处理、动画制作以及Ajax交互。jQuery 的核心特性可以概括为:选择器、DOM操作、事件处理、...

    Jquery全集,Jquery总结

    **jQuery 全集与总结** jQuery 是一个广泛使用的 JavaScript 库,它简化了 HTML 文档遍历、事件处理、动画以及Ajax交互等任务。自2006年发布以来,jQuery 已经成为了前端开发中不可或缺的一部分,因其简洁的API和...

    jQuery总结xmind图超级详细

    jQuery是对JavaScript的封装,使用jQuery可以简化很多之前的JavaScript代码,简化开发 本人学习jQuery是通过xmind这款软件来记载的 现在把资源贡献给大家,希望给更多的人更深入的了解jQuery 也可以查询我的博客看...

    jquery总结学习资料

    总结来说,jQuery通过其高效、易用的特性,改变了JavaScript开发的格局,成为Web开发领域不可或缺的一部分。通过深入学习和实践,开发者可以更好地利用jQuery提升工作效率,构建出更富交互性的Web应用程序。

    jquery技巧总结(转)

    **jQuery 技巧总结** jQuery 是一款非常流行的 JavaScript 库,它简化了 HTML 文档遍历、事件处理、动画制作和Ajax交互等任务。自2006年发布以来,jQuery 已经成为 web 开发不可或缺的一部分。这篇总结将探讨一些...

    jquery 学习笔记总结

    **jQuery 学习笔记总结** jQuery 是一个广泛使用的 JavaScript 库,它简化了网页文档对象模型(DOM)操作、事件处理、动画制作以及Ajax交互。本篇笔记将深入探讨 jQuery 的核心概念,包括选择器、常用方法以及在...

    2022Jquery总结.pptx

    本文将深入探讨2022年jQuery的总结,包括其概念、优点、基本使用方法以及与DOM对象的区别。 首先,jQuery是由John Resig于2006年创立的,它是最受欢迎的JavaScript库之一。jQuery的设计理念是"write less, Do more...

    2022Jquery总结(1).pdf

    jQuery 入门总结 本章节主要介绍了 jQuery 的概述、基本使用、优点、入口函数、DOM 对象和 jQuery 对象的区别等知识点。 1. jQuery 概述 jQuery 是一个 JavaScript 库,由 John Resig 于 2006 年创建,是目前最...

    很好的Jquery总结

    本总结将深入探讨jQuery的核心知识点,包括选择器、DOM操作、事件处理和Ajax应用。** ### 一、jQuery选择器 jQuery 的选择器基于CSS,允许开发者通过简单的语法选取DOM中的特定元素。常见的选择器有: 1. **基本...

    jQuery总结(1).doc

    **jQuery 概述** jQuery 是一个轻量级的 JavaScript 库,它极大地简化了 JavaScript 的使用,特别是对于网页上的交互和动画效果。由于其简洁的语法和强大的功能,jQuery 成为了许多前端开发者首选的工具,尤其适合...

Global site tag (gtag.js) - Google Analytics