`
yinghuayu1324117
  • 浏览: 69966 次
  • 性别: Icon_minigender_2
  • 来自: 保定
文章分类
社区版块
存档分类

jquery总结(一)

阅读更多

一:Jquery中的基本选择器

   1id选择器

   2class选择器

   3、元素选择器器

   4*

   5、并列选择器 用英文的逗号区分

二:重点介绍了Jquery对象转换成DOM对象的方法

   1Jquery对象返回的是一个数组对象可以采用如下方式转换

      var domObject = $("#thed")[0];

   2、可以采用Jqueryget(index)方法获取

      get(index)//取得其中一个匹配的元素。 num表示取得第几个匹配的元素。它返回的是一个DOM对象

三:重点介绍Jquery对象中的get(index)方法,size()方法,length属性

案例:

<script type="text/javascript" src="./js/jquery-1.4.4.js"></script>
<script type="text/javascript">
$(document).ready(function() {
	//Jquery对象
	alert($("#thed"));
	//Jquery对象转换成DOM对象并获取对象内容
	alert($("#thed")[0].innerHTML);
	alert($("#thed").get(0).innerHTML);
	//Jquery对象
	alert($(".rdc"));
	//Jquery对象转换成DOM对象并获取对象内容
	alert($(".rdc")[0].innerHTML);
	alert($(".rdc").get(0).innerHTML);
	//Jquery对象
	alert($("*"));
	//Jquery对象转换成DOM对象并获取对象内容
	alert($("*")[0].innerHTML);
	alert($("*").get(0).innerHTML);
	//Jquery对象
	alert($("tr"));
	//Jquery对象转换成DOM对象并获取对象内容
	alert($("tr")[0].innerHTML);
	alert($("tr").get(0).innerHTML);
	alert(($("tr")[$("tr").size()-1]).innerHTML);
    alert(($("tr")[$("tr").length-1]).innerHTML+"----------");
    alert($("tr").length);
    //Jquery对象
	alert($("tr,tr.rdc"));
	//Jquery对象转换成DOM对象并获取对象内容
    alert($("tr,tr.rdc")[$("tr,tr.rdc").length-1].innerHTML);
	alert($("tr,tr.rdc")[$("tr,tr.rdc").size()-1].innerHTML);
});
</script>

 

分享到:
评论

相关推荐

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

    jQuery 是一个广泛使用的JavaScript库,由John Resig于2006年创建,它极大地简化了JavaScript编程,尤其是处理DOM操作、事件处理、动画效果和Ajax交互。jQuery 的设计目标是“write less, do more”,它通过提供简洁...

    jquery总结学习资料JQuery总结

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

    jquery技巧总结(转)

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

    jquery 学习笔记总结

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

    Jquery全集 Jquery总结

    jQuery 是一个广泛使用的 JavaScript 库,它极大地简化了 JavaScript 的 DOM 操作、事件处理、动画制作以及 AJAX 交互。本资料旨在全面覆盖 jQuery 的核心概念和实用技巧,通过实例教学,帮助开发者快速上手并熟练...

    JQuery入门,JQuery总结

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

    jquery总结 Js总结 PHP与jquery

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

    Jquery全集,Jquery总结

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

    jquery总结学习资料

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

    2022Jquery总结.pptx

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

    jquery经验总结

    《jQuery经验总结——深入浅出JavaScript库的精髓》 jQuery,作为一款强大的JavaScript库,自2006年诞生以来,便以其简洁易用的API和高效的操作DOM能力深受开发者喜爱。本文将从核心概念、选择器、DOM操作、事件...

    2022Jquery总结(1).pdf

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

    jquery.spinner一款jquery数字智能加减插件

    总结,jQuery Spinner是一个功能强大且易于使用的数字输入插件,它的灵活性和易用性使其成为Web开发者的得力工具。无论你是初学者还是经验丰富的开发者,都能快速掌握并应用到自己的项目中,提升交互体验,满足用户...

    很好的Jquery总结

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

Global site tag (gtag.js) - Google Analytics