首页 > 其他分享 > 肖sir___第二个月JQuery_05

肖sir___第二个月JQuery_05

时间:2022-10-01 15:11:35浏览次数:60  
标签:JQuery sir JavaScript 元素 jQuery HTML ___ 选择器

JQuery   什么是 jQuery ? jQuery是一个JavaScript函数库。 jQuery是一个轻量级的"写的少,做的多"的JavaScript库。 jQuery库包含以下功能: HTML 元素选取 HTML 元素操作 CSS 操作 HTML 事件函数 JavaScript 特效和动画 HTML DOM 遍历和修改 AJAX Utilities   2.1 JQuery 安装 网页中添加 jQuery 可以通过多种方法在网页中添加 jQuery。 您可以使用以下方法: 从 jquery.com 下载 jQuery 库 从 CDN 中载入 jQuery, 如从百度中加载 jQuery 2.1 JQuery 安装 网页中添加 jQuery 可以通过多种方法在网页中添加 jQuery。 您可以使用以下方法: 从 jquery.com 下载 jQuery 库 从 CDN 中载入 jQuery, 如从百度中加载 jQuery     3.1 JQuery 语法 jQuery 语法 jQuery 语法是通过选取 HTML 元素,并对选取的元素执行某些操作。 基础语法: $(selector).action() 美元符号定义 jQuery 选择符(selector)"查询"和"查找" HTML 元素 jQuery 的 action() 执行对元素的操作 实例: $(this).hide() - 隐藏当前元素 $("p").hide() - 隐藏所有 <p> 元素 $("p.test").hide() - 隐藏所有 class="test" 的 <p> 元素 $("#test").hide() - 隐藏 id="test" 的元素 jQuery 入口函数: $(document).ready(function(){ // 执行代码 }); 或者 $(function(){ // 执行代码 }); JavaScript 入口函数: $(document).ready(function(){ // 执行代码 }); 3.3 JQuery 语法 jQuery 入口函数与 JavaScript 入口函数的区别: jQuery 的入口函数是在 html 所有标签(DOM)都加载之后,就会去执行。 JavaScript 的 window.onload 事件是等到所有内容,包括外部图片之类的文件加载 完后,才会执行。

 

 

4.1 JQuery 使用 jQuery 选择器 jQuery 选择器允许您对 HTML 元素组或单个元素进行操作。 jQuery 选择器基于元素的 id、类、类型、属性、属性值等"查找"(或选择)HTML 元 素。 它基于已经存在的 CSS 选择器,除此之外,它还有一些自定义的选择器。 jQuery 中所有选择器都以美元符号开头:$()。 元素选择器 $("p") #id 选择器 $("#test"); .class 选择器 $(".test")   4.2 JQuery 使用

 

 

4.3 JQuery 使用 jQuery 事件 使用实例 click() 方法是当按钮点击事件被触发时会调用一个函数。 该函数在用户点击 HTML 元素时执行。 在下面的实例中,当点击事件在某个 <p> 元素上触发时,隐藏当前的 <p> 元素: 实例 $("p").click(function(){ $(this).hide(); });     4.4 JQuery 使用 jQuery 更多事件

 

 

 

标签:JQuery,sir,JavaScript,元素,jQuery,HTML,___,选择器
From: https://www.cnblogs.com/xiaolehong/p/16747219.html

相关文章

  • k8s helm方式部署夜莺监控系统
    一、夜莺介绍   Nightingale|夜莺监控,一款先进的开源云原生监控分析系统,采用All-In-One的设计,集数据采集、可视化、监控告警、数据分析于一体,与云原生生态紧密......
  • 肖sir___第二个月Javascript_04
    1.1JavaScript简介JavaScript是互联网上最流行的脚本语言,这门语言可用于HTML和web,更可广泛用于服务器、PC、笔记本电脑、平板电脑和智能手机等设备JavaScript是......
  • 肖sir___第二个月java操作JDBC_02
    1.1JDBC概述JDBC(JavaDataBaseConnectivity)是Java和数据库之间的一个桥梁,是一个规范而不是一个实现,能够执行SQL语句。它由一组用Java语言编写的类和接口组成。各种不同......
  • 难度中等-3. 无重复字符的最长子串
    先找出i位置不含有重复字符的最长字符然后循环i,找出最长的 给定一个字符串s,请你找出其中不含有重复字符的 最长子串 的长度。 示例 1:输入:s="abcabcbb"......
  • 【Android】Android--选择多张图片,支持拖拽删除、排序、预览图片
    参考:Android--选择多张图片,支持拖拽删除、排序、预览图片-简书(jianshu.com)关键:https://github.com/StevenYan88/SelectImage ......
  • CSharp: Strategy Pattern
     ///<summary>///Asimplefilehandlngclass///StrategyPattern策略模式///20220918///geovindu,GeovinDu,涂聚文///</summary>......
  • latex 实例
    记号篇\mid\(\mid\)\nmid\(\nmid\)格式篇多行等式$$\left\{\begin{array}{ll}x=x_0+bt\\y=y_0-bt\end{array}\right.$$\[\left\{\begin{arra......
  • UE4 联网RPC部分
    有些人生来就是为了奔跑,而有些人,则拥有更高的目标>笔者近期在进行UEC++网络的一些开发,发现RPC这个部分它看起来很简单,理解起来也算不上难。但真正应用起来,对netcode经......
  • 此图形中的一个或多个对象无法保存为指定格式。操作未完成 ,因此未创建任何文件。
    “此图形中的一个或多个对象无法保存为指定格式。操作未完成,因此未创建任何文件。”这个有可能是你在用程序绘图时,画了0长度的线,或者0直径的圆等类似的情况。所以在函数......
  • Java之POI导出Excel(一):单sheet
    相信在大部分的web项目中都会有导出导入Excel的需求,今天我们就来看看如何用Java代码去实现用POI导出Excel表格。一、pom引用pom文件中,添加以下依赖查看代码 <!--Exc......