jQuery

  1. jQuery介绍

(1)、JavaScript与jQuery比较

js:  1、入口函数只有一个,window.onload

  1. 浏览器兼容性:非常令人头疼,比如textContent虽然作为标准方法但是只支持IE8+以上的浏览器
  2. DOM错综复杂,实现简单的效果很麻烦
  3. 代码容错性差,出错后导致后面的代码不执行

jQuery:  1、市场占有率稳步上升,代码比较少,功能强大

2DOM比较强大,事件处理,完全解决了浏览器的兼容性问题

3ajax操作(比较好)

(2)、什么是jQuery

1jQuery是一个JavaScript函数库。

2jQuery是一个轻量级的"写的少,做的多"JavaScript库。

3jQuery库包含以下功能:HTML 元素选取、HTML 元素操作、CSS 操作、HTML 事件函数、JavaScript 特效和HTML DOM 遍历和修改。

(3)、为什么使用jQuery

1、目前网络上有大量开源的 JS , 但是 jQuery 是目前最流行的 JS 库,而且提供了大量的扩展。

2、很多大公司都在使用 jQuery 例如:GoogleMicrosoftIBMNetflix

3、目前jQuery兼容于所有主流浏览器, 包括Internet Explorer 6!

  1. jQuery安装

1、从 jquery.com 下载 jQuery

jQuery 库是一个 JavaScript 文件,您可以使用 HTML <script> 标签引用它:

<head>

<script src="jquery-1.10.2.min.js"></script>

</head>

2、从 CDN 中载入 jQuery, 如从 Google 中加载 jQuery

<head>

<script src="https://cdn.staticfile.org/jquery/1.10.2/jquery.min.js"> </script>

</head>

  1.  jQuery语法

(1)、基础语法

1、美元符号定义 jQuery

2、选择符(selector"查询""查找" HTML 元素

3jQuery action() 执行对元素的操作。

(2)、实例

1、您也许已经注意到在我们的实例中的所有 jQuery 函数位于一个 document ready 函数中:

$(document).ready(function(){

// 开始写 jQuery 代码... }

);

2、简洁写法(与以上写法效果相同):

$(function(){

// 开始写 jQuery 代码...

})

  1. 、1.3.3了解jQuery的$符号

$是什么

其实$就是一个函数:$();参数不一样,功能不一样

$常用的几种情况:

$(function() {});//参数是function,说明是入口函数

$(#btnSetConent);//参数是字符串,并且以#开头,是一个标签选择,查找id=btnSetContent”的元素

$(div);//查找所有的div元素

$(document).ready(funciton(){})//document转换成jQuery对象

(4)、jQuery 入口函数与 JavaScript 入口函数的区别

 jQuery 的入口函数是在 html 所有标签(DOM)都加载之后,就会去执行。

 JavaScript 的 window.onload 事件是等到所有内容,包括外部图片之类的文件加载完后,才会执行。

演示示例:jQuery基础语法

课堂练习:使用jQuery输出一串文字

  1. JQuery选择器

(1)、什么是jQuery选择器

1jQuery 选择器允许您对 HTML 元素组或单个元素进行操作。

2jQuery选择器是jQuery为我们提供的一组方法,让我们更加方便的获取到页面中的元素。注意:jQuery选择器返回的是jQuery对象。

3jQuery 选择器基于元素的 id、类、类型、属性、属性值等"查找"(或选择)HTML 元素。 它基于已经存在的 CSS 选择器,除此之外,它还有一些自定义的选择器。

4jQuery 中所有选择器都以美元符号开头:$()

(2)、基本选择器

名称

用法

描述

ID选择器

$(“#id”);

获取指定ID的元素

类选择器

$(“.class”);

获取同一类class的元素

标签选择器

$(“div”);

获取同一类标签的所有元素

并集选择器

$(“div,p,li”);

使用逗号分隔,只要符合条件之一就可。获取所有的div、p、li元素

交集选择器(标签指定式选择器)

$(“div.redClass”);

注意选择器1和选择器2之间没有空格,class为redClass的div元素,注意区分后代选择器。

总结:和css选择器的用法一模一样

演示示例:jQuery基本选择器

课堂练习:使用交集选择器使被选元素变色

(3)、层级选择器

名称

用法

描述

子代选择器

$(“ul>li”);

使用>号,获取儿子层级的元素,注意,并不会获取孙子层级的元素

后代选择器

$(“ul li”);

使用空格,代表后代选择器,获取ul下的所有li元素,包括孙子等

总结:跟CSS的选择器一模一样。

演示示例:jQuery层级选择器

(4)、过滤选择器

用法

描述

:eq(index

$(“li:eq(2)”).css(“color”, ”red”);

获取到的li元素中,选择索引号为2的元素,索引号index从0开始。

:odd

$(“li:odd”).css(“color”, ”red”);

获取到的li元素中,选择索引号为奇数的元素

:even

$(“li:even”).css(“color”, ”red”);

获取到的li元素中,选择索引号为偶数的元素

总结:这类选择器都带冒号。

演示示例:jQuery过滤选择器

课堂练习:使用过滤选择器li标签偶数行元素变色

(5)、筛选选择器(方法)

用法

说明

children(selector)

$(“ul”).children(“li”)

相当于$(“ul>li”),子类选择器

find(selector)

$(“ul”).find(“li”);

相当于$(“ul li”),后代选择器

siblings(selector)

$(“#first”).siblings(“li”);

查找兄弟节点,不包括自己本身。

parent()

$(“#first”).parent();

查找父亲

eq(index)

$(“li”).eq(2);

相当于$(“li:eq(2)”),index从0开始

next()

$(“li”).next()

找下一个兄弟

prev()

$(“li”).prev()

找上一次兄弟

Index()

$(“li”).index()

获取当前的位置(索引)

not()

$("p").not(".intro")

返回不带有类名 "intro" 的所有 <p> 元素

总结:筛选选择器的功能与过滤选择器有点类似,但是用法不一样,筛选选择器主要是方法。

演示示例:jQuery筛选选择器

课堂练习:查找第二个li标签的后代的兄弟元素

  1. jQuery事件

(1)、什么是事件

1、页面对不同访问者的响应叫做事件。

2、实例:在元素上移动鼠标、选取单选按钮、点击元素

(1)、事件语法

1、单击事件

$("p").click(function(){

// 动作触发后执行的代码!!

});

  1. 双击事件

$("p").dblclick(function(){

    $(this).hide();

})

3、鼠标进入

$("#p1").mouseenter(function(){

alert('您的鼠标移到了 id="p1" 的元素上!');

});

4、鼠标离开

$("#p1").mouseleave(function(){

alert("再见,您的鼠标离开了该段落。");

});

5、获取焦点

$("input").focus(function(){

$(this).css("background-color","#cccccc");

});

6、失去焦点

$("input").blur(function(){

$(this).css("background-color","#ffffff");

});

资源下载链接为: https://pan.quark.cn/s/5c50e6120579 在Android移动应用开发中,定位功能扮演着极为关键的角色,尤其是在提供导航、本地搜索等服务时,它能够帮助应用获取用户的位置信息。以“baiduGPS.rar”为例,这是一个基于百度地图API实现定位功能的示例项目,旨在展示如何在Android应用中集成百度地图的GPS定位服务。以下是对该技术的详细阐述。 百度地图API简介 百度地图API是由百度提供的一系列开放接口,开发者可以利用这些接口将百度地图的功能集成到自己的应用中,涵盖地图展示、定位、路径规划等多个方面。借助它,开发者能够开发出满足不同业务需求的定制化地图应用。 Android定位方式 Android系统支持多种定位方式,包括GPS(全球定位系统)和网络定位(通过Wi-Fi及移动网络)。开发者可以根据应用的具体需求选择合适的定位方法。在本示例中,主要采用GPS实现高精度定位。 权限声明 在Android应用中使用定位功能前,必须在Manifest.xml文件中声明相关权限。例如,添加<uses-permission android:name="android.permission.ACCESS_FINE_LOCATION" />,以获取用户的精确位置信息。 百度地图SDK初始化 集成百度地图API时,需要在应用启动时初始化地图SDK。通常在Application类或Activity的onCreate()方法中调用BMapManager.init(),并设置回调监听器以处理初始化结果。 MapView的创建 在布局文件中添加MapView组件,它是地图显示的基础。通过设置其属性(如mapType、zoomLevel等),可以控制地图的显示效果。 定位服务的管理 使用百度地图API的LocationClient类来管理定位服务
资源下载链接为: https://pan.quark.cn/s/dab15056c6a5 Oracle Instant Client是一款轻量级的Oracle数据库连接工具,能够在不安装完整Oracle客户端软件的情况下,为用户提供访问Oracle数据库的能力。以“instantclient-basic-nt-12.1.0.1.0.zip”为例,它是针对Windows(NT)平台的Instant Client基本版本,版本号为12.1.0.1.0,包含连接Oracle数据库所需的基本组件。 Oracle Instant Client主要面向开发人员和系统管理员,适用于数据库查询、应用程序调试、数据迁移等工作。它支持运行SQL*Plus、PL/SQL Developer等管理工具,还能作为ODBC和JDBC驱动的基础,让非Oracle应用连接到Oracle数据库。 安装并解压“instantclient_12_1”后,为了使PL/SQL Developer等应用程序能够使用该客户端,需要进行环境变量配置。设置ORACLE_HOME指向Instant Client的安装目录,如“C:\instantclient_12_1”。添加TNS_ADMIN环境变量,用于存放网络配置文件(如tnsnames.ora)。将Instant Client的bin目录添加到PATH环境变量中,以便系统能够找到oci.dll等关键动态链接库。 oci.dll是OCI(Oracle Call Interface)库的重要组成部分。OCI是Oracle提供的C语言接口,允许开发者直接与数据库交互,执行SQL语句、处理结果集和管理事务等功能。确保系统能够找到oci.dll是连接数据库的关键。 tnsnames.ora是Oracle的网络配置文件,用于定义数据库服务名与网络连接参数的映射关系,包括服务器地址
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值