jQuery语法-动力节点

news/2024/7/10 23:56:58 标签: jquery

通过 jQuery,您可以选取(查询,query) HTML 元素,并对它们执行"操作"(actions)。

jQuery 语法

jQuery 语法是通过选取 HTML 元素,并对选取的元素执行某些操作。

基础语法: $(selector).action()

• 美元符号定义 jQuery

• 选择符(selector)“查询"和"查找” HTML 元素

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

实例:

• $(this).hide() - 隐藏当前元素

• $(“p”).hide() - 隐藏所有元素

• $(“p.test”).hide() - 隐藏所有 class=“test” 的元素

• $("#test").hide() - 隐藏 id=“test” 的元素

文档就绪事件

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

$(document).ready(function(){

// 开始写 jQuery 代码…

});

这是为了防止文档在完全加载(就绪)之前运行 jQuery 代码,即在 DOM 加载完成后才可以对 DOM 进行操作。

如果在文档没有完全加载之前就运行函数,操作可能失败。下面是两个具体的例子:

• 试图隐藏一个不存在的元素

• 获得未完全加载的图像的大小

提示:简洁写法(与以上写法效果相同):

$(function(){

// 开始写 jQuery 代码…

});

以上两种方式你可以选择你喜欢的方式实现文档就绪后执行 jQuery 方法。


http://www.niftyadmin.cn/n/818471.html

相关文章

HTML实体符号-动力节点

HTML 中的预留字符必须被替换为字符实体。 一些在键盘上找不到的字符也可以使用字符实体来替换。 HTML 实体 在 HTML 中&#xff0c;某些字符是预留的。 在 HTML 中不能使用小于号&#xff08;<&#xff09;和大于号&#xff08;>&#xff09;&#xff0c;这是因为浏…

怎么排查堆内存溢出啊?

目录 我就是不了解&#xff0c;人家要你说给我听。 年轻代 年老代 GC种类 Major GC 分代GC Full GC 那怎么分析呢&#xff1f; 操作界面&#xff1a; 一般什么情况可能是出现了溢出呢&#xff1f; 延伸点 上次给老公们说过了死循环cpu飙高的排查过程&#xff0c;今天…

JavaScript入门介绍

JavaScript一种直译式脚本语言&#xff0c;是一种动态类型、弱类型、基于原型的语言&#xff0c;内置支持类型。它的解释器被称为JavaScript引擎&#xff0c;为浏览器的一部分&#xff0c;广泛用于客户端的脚本语言&#xff0c;最早是在HTML&#xff08;标准通用标记语言下的一…

SSM 框架学习 => Spring

1、Spring 1.1 Spring 简介 全面的&#xff0c;企业应用开发一站式的解决方案。贯穿表现层&#xff0c;业务逻辑层和持久层的框架。 Spring 官网&#xff1a;https://spring.io/projects/spring-framework#overview 官方下载地址&#xff1a;http://repo.spring.io/release/…

Java多线程锁

线程安全问题的产生前提是多个线程并发访问共享数据。 将多个线程对共享数据的并发访问转换为串行访问,即一个共享数据一次只能被一个线程访问.锁就是复用这种思路来保障线程安全的。 锁(Lock)可以理解为对共享数据进行保护的一个许可证. 对于同一个许可证保护的共享数据来说…

SVN 下载安装

SVN 下载 准备 SVN 的安装文件 下载地址:https://sourceforge.net/projects/win32svn/ 2.下载完成后点击安装.我们安装在指定文件下D:\Develop\Subversion 改变一下安装地址 3.接下来配置一下系统环境变量把 bin 目录放到环境变量中。 4.打开 cmd 查看是否安装成功 svn -…

接口测试工具postman详细教程

目录 什么是postman&#xff1f; 一、接口请求流程 二、postman使用 GET请求示例 GET响应示例 POST请求示例一 POST请求示例二 POST请求示例三 postman断言 管理用例---Collections 第一步&#xff0c;创建一个Collections 第二步&#xff0c;往Collections里添加请…

一、两数之和

class Solution {public int[] twoSum(int[] nums, int target) {int[] index new int[2];// 双层 for 循环// for(int i 0; i < nums.length; i ){// for (int j nums.length - 1; j > i; j --){// if((nums[i] nums[j]) target) {// inde…