jQuery的介绍和一些基本选择器

jQuery是什么呢?它是JS的库,简单来说他就是把一些常用的方法封装到一个单独的js文件中,要用时直接调用。其实我们只要学会用jQuery的方法就可以了,我们是直接调用封装好的东西。使用jQuery我分成三大步骤,第一:引包,第二:写入口函数,第三:实现功能。

jQuery现在有三大版本,他们之间是有区别的,分别是以1,2,3开头的,以1开头的是兼容IE6,7,8浏览器的,其他两大类是不兼容的。还有他每个大版本里分成压缩版和未压缩版,压缩版中没有注释,没有换行,没有空格,所以体积小,他一般在生产环境中使用,而未压缩版一般在开发环境中使用。

使用jQuery时写入口函数有两种写法:

其实这两种写法代表的意思是一样的,所以一般我们都用第二种,简单。

JS也有入口函数,是window.onload,他和jQuery可以一起用,但要注意顺序,window.onload的意思是页面加载后执行,有时有图片的话,加载会很慢的,哪怕你把window.onload放在jQuery的前面,还是先执行jQuery。

使用jQuery时我们一直会用到一个符号叫$,它有两大本质意思:

第一是function:它后面可以跟三种参数:

第二种是:$===jQuery

jQuery对象和DOM对象的区别和转换,一般我们不会两者混合起来用,但我们也要知道他们的区别,和相互的转换。

DOM对象:js方法获取的元素就是dom对象

jQuery对象:jQuery方法获取的元素就是jQuery对象

jQuery对象就是DOM对象的包装集 (伪数组)

jQuery对象转成DOM对象有两种方法:

而DOM对象转成jQuery对象只有一种方法,那就是使用$符号:

jQuery基本可以分成四类选择器:

1:基本选择器

2:层级选择器

3:过滤选择器

4:筛选选择器

基本选择器和层级选择器$后面括号里的写法跟css中基本一样的。

筛选选择器那几个意思可以和JS中的获取节点那部分结合起来,他们意思差不多。

时间: 2025-01-16 19:09:52

jQuery的介绍和一些基本选择器的相关文章

jQuery的介绍和选择器详解

本文最初发表于博客园,并在GitHub上持续更新前端的系列文章.欢迎在GitHub上关注我,一起入门和进阶前端. 以下是正文. jQuery 的介绍 引入 jQuery 的原因 在用 js 写代码时,会遇到一些问题: window.onload 事件有事件覆盖的问题,因此只能写一个事件. 代码容错性差. 浏览器兼容性问题. 书写很繁琐,代码量多. 代码很乱,各个页面到处都是. 动画效果很难实现. 如下图所示: jQuery的出现,可以解决以上问题. 什么是 jQuery jQuery 是 js

JQuery插件编写之定制版选择器

很多人是因为jQuery的强大选择器而爱上它的(没错,我就是特别讨厌原生JS的FindElementById),但是何尝不想把一些经常用的链式操作组合写成一个选择器呢?! 从机制上来讲,jQuery的选择符解析器首先会使用一组正则表达式来解析选择器,然后对解析出来的每个选择符执行选择器函数,最后根据true或false来决定是否保留元素. 比如说: $('div:gt(1)') 在jQuery的源文件中是由jQuery.expr[":"] = jQuery.expr.pseudos 对

(二)Jquery Mobile介绍以及Jquery Mobile页面与对话框

Jquery Mobile介绍以及Jquery Mobile页面与对话框  一. Adobe Dreamweaver CS6 环境 最新版本的cs6会支持JM的使用,有自动提示功能,很强大.安装说明地址:http://www.phonegap100.com/article-79-1.html 下载地址说明:http://bbs.phonegap100.com/thread-135-1-1.html  二.JM说明 默认data-ajax="true"jquery mobile 是默认通

基于jQuery带备忘录功能的日期选择器

今天给大家分享一款基于jQuery带备忘录功能的日期选择器.这款日期控制带有备记忘录功能.有备忘录的日期有一个圆圈,单击圆圈显示备忘录.该实例适用浏览器:360.FireFox.Chrome.Safari.Opera.傲游.搜狗.世界之窗. 不支持IE8及以下浏览器.效果图如下: 在线预览   源码下载 实现的代码. html代码: <div class="container"> <header class="htmleaf-header">

Jquery的学习(三)选择器

1.Jquery中最重要的就是选择器了. 学习要点: 1.简单选择器 2.进阶选择器 3.高级选择器 ①简单选择器. 最简单的也就是最常用的,最常用的一般也是最简单的. 在使用 jQuery 选择器时,我们首先必须使用"$()"函数来包装我们的 CSS 规则.而CSS 规则作为参数传递到 jQuery 对象内部后,再返回包含页面中对应元素的 jQuery 对象.随后,我们就可以对这个获取到的 DOM 节点进行行为操作了. #box { //使用 ID 选择器的 CSS 规则 color

jQuery 模块介绍

### jQuery 模块介绍 jQuery可以整体打包,也可以选择性的打包,但打包中除了core和selector模块,别的模块都是可选的.可选的模块如下: 1. ajax: ajax功能,$.ajax(),$.get(),$.post(),$.ajaxSetup,.load(), transports, .ajaxStart()等 2. ajax/xhr: XMLHTTPReqeust AJAX transport 3. ajax/script: <script> AJAX transpo

jQuery 简单介绍

jQuery  简单介绍 jQuery的定义 jQuery是一个快速,小巧,功能丰富的JavaScript库.它通过易于使用的API在大量浏览器中运行,使得   HTML文档遍历和操作,事件处理,动画和Ajax更加简单.通过多功能性和可扩展性的结合,jQuery改变        了数百万人编写JavaScript的方式. jQuery 中 98% 的都是方法 只有两个属性: 索引和 length 为什么要使用jQuery? window.onload 事件有事件覆盖的问题,因此只能写一个事件.

JQuery框架:介绍、安装、选择器、属性操作、动画

目录 jQuery 详细内容 1.JQuery介绍 2.JQuery的下载安装 3.JQuery的使用 4.jQuery的选择器 5.JQuery的属性操作 6.动画 6.自定义动画 jQuery 详细内容 1.JQuery介绍 jQuery是一个快速,小巧,功能丰富的JavaScript库.它通过易于使用的API在大量浏览器中运行,使得HTML文档遍历和操作,事件处理,动画和Ajax变得更加简单.通过多功能性和可扩展性的结合,jQuery改变了数百万人编写JavaScript的方式. 操作:

ajax - 基于jQuery的介绍

Ajax基础补充 XMLHttpRequest对象有以下属性和操作 属性: onreadystatechange readyState status 操作: jQuery的ajax操作,常用函数如下: $.ajax([options]) //底层的ajax方法 $.get(url, [data], [fn], [type]) //基于get的ajax $.post(url, [data], [fn], [type]) //基于post的ajax load(url, [data], [callba