`

JQuery简单语法

 
阅读更多
引用

(1)Jquery对象的引入方式:  
<script type="text/javascript" src="./js/jquery-1.4.4.js"></script>
(2)加载页面(有两种方式加载):  
Jquery的页面载入事件处理方式  
$(document).ready(function(){  
      });//  加载html 立即加载  
或  
$(function(){  
      }); 
3)DOM对象与JQuery对象之间进行相互转化 
DOM对象是不能使用Jquery中的方法的.JQuery中的对象也不能使用DOM对象的方法,但两者之间是可以转换的。其转换方式如下:
1.DOM对象转换成Jquery对象的方式  
   对于一个DOM对象只需要使用$(DOM对象)即可转换成一个Jquery对象  
   例:var $document=$(document);    
2.Jquery对象转换成DOM对象的方式 
    第一种:可以采用Jquery中get(index)方法获取 
    get(index)----取得其中一个匹配的元素。 index表示取得第几个
    匹配的元素它返回的是一个DOM对象  
    例:var domObject = $(".rdc").get(0);  
   第二种:Jquery对象返回的是一个数组对象可以采用如下方式转换,  
    var domObject = $("#thed")[index]; index是数组对象的下标  
    例:var domObject = $("#hed")[0];  
3.Jquery中的基本选择器  
id选择器     ID匹配的选择器Jquery对象   例:$("#thed")  
class选择器  class匹配选择器Jquery对象  例:$(".thed")  
元素选择器    根据给定的元素名称获取Jquery对象  例:$("tr")  
*             匹配所有的元素的Jquery对象  例:$("*")  
并列选择器    匹配所有选择器的Jquery组合对象,用英文的逗号区分                  
例:$("tr,tr.rdc")  
分享到:
评论

相关推荐

    jquery简单的语法

    主要是jQuery和css和html的简单语法的操作等等

    Dreamweaver CS5安装jQuery语法提示插件

    其实该Dreamweaver CS5绿色版的jquery代码提示插件是提取于原版之中的,所以简单实用,无需安装,只需要覆盖相应的目录里即可。 下载插件,然后进行安装: 1、把shared、Extensions、codehints三个文件夹复制到: ...

    Jquery语法大全

    Jquery语法大全(包括选择器、方法、简单的操作样例等)

    jQuery语法和简单的操作

    jQuery的操作的语法以及语法的比较等等........

    jQuery语法与实例

    jQuery语法与实例,详细的语法,有简单易懂的实例,适合初级学习者

    jQuery基本语法

    快捷简单的了解 jQuery基本语法,让你记忆牢固,快速入门

    jQuery chili 2.2语法着色高亮插件附示例.rar

    jQuery chili 2.2一个语法着色高亮的简单插件附示例,实现代码高亮的插件,咋感觉着jQuery chili自2.2版本以后,jQuery chili就再也没更新过,而且官网也删除了这个插件,不知道为什么?作者不再开发了吗?那这个...

    JQuery基础语法小结

    在日常开发中JQuery是我们使用最频繁的JS库。使用JQuery进行开发,你需要先了解JQuery的基本语法。下面是在学习JQuery时总结的一些简单语法。

    JQuery入门,JQuery总结

    jquery jQuery是一个广泛使用的JavaScript库,它可以极大地简化JavaScript编程,让开发者jQuery是一个广泛...其次,掌握jQuery的基本语法和常用方法;最后,通过实践来加深理解,例如完成一些基于jQuery的实例练习。

    原生jQuery轮播图.html,可放入循环

    很多地方都通用,原生jQuery还是很简单的,虽然现在很多都用vue或者react,但是有的也会继续使用jQuery,语法什么的都比较通俗易懂,写代码很简单,逻辑清晰了,思路清晰了,就好办了,大脑一定要清醒,代码格式要...

    jquery 开发技术

    jQuery是一个优秀的开源JavaScript库,jQuery的语法简单易学,而且具有很强大的跨平台性,可以兼容多种核心的浏览器。

    jQuery权威指南-源代码

    虽然jQuery使用简单,但它毕竟是一门新的技术,与传统的JavaScript在性能与语法上存在诸多差异,需要相应的书籍来引导开发者们迅速而有效地掌握它,并能真正付诸实践。综观现在已经出版的中文类jQuery图书,不是...

    jquasi:jQuery兼容语法中用于DOM操作的微型库

    这是一个微型(最小3kB)且与IE9 +兼容的库,可使用类似于jQuery的语法与DOM进行交互。 为什么 我喜欢jQuery。 但是有时候我只需要使用chainable | comfortable语法来做几件事。 诸如Angular,React或Vuejs之类的...

    JQuery核心用法快速查询文档

    JQuery核心用法、快速查询文档、简单实用、概括详全、便于速查。 jQuery是一个快速、简洁的JavaScript框架,是继Prototype之后又一个优秀的JavaScript代码库(或JavaScript框架)。jQuery设计的宗旨是“write Less,...

    jquery插件使用方法大全

    jQuery 1.2(2007年9月):这一版去掉了对XPath选择符的支持,原因是相对于CSS语法它已经变得多余了。这一版能够支持对效果的更灵活定制,而且借助新增的命名空间事件,也使插件开发变得更容易。 jQuery UI(2007年...

    yumjs:Yum是一个小型的React式JavaScript库,具有类似JQuery的语法

    使用熟悉的语法,简单易学。 带有props和state的可选组件(渲染)语法。 JQuery的轻量级替代方案(并非所有JQuery函数都已实现)。 实用功能吨。 观察或订阅任何元素以进行复杂React的能力。 体积小,速度快,...

    深入PHP与jQuery开发 pdf格式

    JavaScript库用更简单的语法完成常见任务,这不但提高了老手的开发效率,也降低了新手的学习难度。在跨浏览器开发过程中,可方便地使用库内建的兼容所有浏览器的方法而不必手工编码进行浏览器兼容性检查,这极大地...

    jquery入门

    jquery入门语法,选择器,方法。简单入门,易懂

    Jquery学习手册

    $()方法里面支持的语法又包括3大类,分别是表达式(包括类表达式.,id表达式#,元素表达式等)、符号(包括后代符号space,next符号+等)、过滤器(包括:过滤器和[]过滤器)。 通过以上3种的组合,“查询”得到想要操作的...

    简单易用的jquery入门学习

    简单易用的jquery入门学习,最基础的语法学习,最典型的案例分析

Global site tag (gtag.js) - Google Analytics