Jquery入门详解

JQuery 入门介绍

1、JQuery概述：Jquery是继prototype之后又一个优秀的Javascrīpt框架。它是轻量级的js库(压缩后只有21k) ，它兼容CSS3，还兼容各种浏览器（IE 6.0+, FF 1.5+, Safari 2.0+, Opera 9.0+）。jQuery使用户能更方便地处理HTML documents、events、实现动画效果，并且方便地为网站提供AJAX交互。jQuery还有一个比较大的优势是，它的文档说明很全，而且各种应用也说得很详细，同时还有许多成熟的插件可供选择。jQuery能够使用户的html页保持代码和html内容分离，也就是说，不用再在html里面插入一堆js来调用命令了，只需定义id即可。其宗旨是写更少的代码,做更多的事情。

2．JQuery初步学习：

(1) Jquery对象的引入方式：

(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];

(4) 关于jquery对象的主要方法

get(index)方法, Jquery对象转换成DOM对象

size()方法,获取query对象的长度例：alert(($("tr")[$("tr").size()-1]).innerHTML);

length属性例： alert(($("tr")[$("tr").length-1]).innerHTML);

注：使用size()方法与length属性最后得到的结果是一样的。

3、Jquery中的基本选择器

id选择器 ID匹配的选择器Jquery对象例：$("#thed")

class选择器 class匹配选择器Jquery对象例：$(".thed")

元素选择器 根据给定的元素名称获取Jquery对象例：$("tr")

* 匹配所有的元素的Jquery对象例：$("*")

并列选择器 匹配所有选择器的Jquery组合对象，用英文的逗号区分

例：$("tr,tr.rdc")

Jquery入门详解相关推荐

linux 日志按大小切割_nginx入门详解（六）- 日志切割
上一章讲解了nginx的目录加密功能,本章重点介绍nginx的日志切割. 笨办法学linux:nginx入门详解(五)- 目录加密zhuanlan.zhihu.com 在第二章,我们探讨了nginx ...
python怎么安装myqr模块-python二维码操作:对QRCode和MyQR入门详解
python是所有编程语言中模块最丰富的生活中常见的二维码功能在使用python第三方库来生成十分容易三个大矩形是定位图案,用于标记二维码的大小.这三个定位图案有白边,通过这三个矩形就可以标识一个 ...
python语言编程基础-Python语言入门详解！快速学成Python！
原标题:Python语言入门详解!快速学成Python! 很多技能是被职场所需要的,但很可惜... 这些技能在大学中并学习不到. 大学和职场现实存在的横沟对大部分同学来说难以跨越或碰得头破血流... ...
python语言入门m-Python语言入门详解！快速学成Python！
今日主题 "Python语言入门详解" 近两年来,Python语言借着数据科学和人工智能的"东风"成为了最流行的编程语言--街头巷尾人们口口相传.同时,Pyth ...
python语言入门详解-python初级教程：入门详解
python初级教程:入门详解 Crifan Li 目录前言 .................................................................... ...
【GCN】图卷积网络（GCN）入门详解
机器学习算法与自然语言处理出品 @公众号原创专栏作者 Don.hub 单位 | 京东算法工程师学校 | 帝国理工大学图卷积网络(GCN)入门详解什么是GCN GCN 概述模型定义数学推导 G ...
python符号格式化设置区间_Python 数值区间处理_对interval 库的快速入门详解
使用 Python 进行数据处理的时候,常常会遇到判断一个数是否在一个区间内的操作.我们可以使用 if else 进行判断,但是,既然使用了 Python,那我们当然是想找一下有没有现成的轮子可以用. ...
Asp.Net+Jquery.Ajax详解5-$.getScript
目录(已经更新的文章会有连接,从7月25日开始,每2到3天更新一篇): Asp.Net+Jquery.Ajax详解1-开篇(2012.07.25发) Asp.Net+Jquery.Ajax详解2-$. ...
【JSON】JSON入门详解(二)
文章目录 JSON基础文章荐读 JavaScript创建JSON对象 JSON与XML的那些事 JSON与XML的相同之处 JSON与XML的不同之处 AJAX相关JSON与XML JSON与XML的 ...

Jquery入门详解

Jquery入门详解相关推荐

最新文章

热门文章