news 2026/3/4 6:17:16

jquery的基本使用(2)

作者头像

张小明

前端开发工程师

1.2k 24
文章封面图
jquery的基本使用(2)

在jquery重要的主干就是选择器和事件,其他的所有操作都是基于这两者来进行操作的。

jquery选择器

选择器就类似我们之前讲的getElementById之类的,就是查找dom中的某个元素。在jquery中,我们可以很简单的就能选择到我们想操作的dom元素。

$(function(){ var dom = $("#container_id").html(); console.log(dom); dom = $("#container_id").text(); console.log(dom); dom = $(".container_class:eq(0)"); console.log(dom.text()); console.log(dom.html()); });

注:

由以上可知,jquery的选择器很简单,只需要使用$("选择元素")就能获取到相关的dom,这里的“选择元素” 如果是id,需要加上id的#号标识,如果是class,就需要加上.的标识,:后接的是伪类选择器,就是满足某个条件的相应的元素,这里的eq就是等于的意思。

jquery事件

html中可以对各种元素添加事件,在jquery中想要对元素添加事件,需要先 选择 元素,然后使用事件。比如,我们点击container_id的元素就输出一段字符串:

$(function(){ var dom = $("#container_id"); dom.click(function(){ console.log("我输出了"); }); });

注:

由以上可知dom元素添加事件,需要先选中,然后使用.事件名(function(){ 执行的函数 });就可以简单的进行添加。

版权声明: 本文来自互联网用户投稿,该文观点仅代表作者本人,不代表本站立场。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如若内容造成侵权/违法违规/事实不符,请联系邮箱:809451989@qq.com进行投诉反馈,一经查实,立即删除!
网站建设 2026/3/4 4:50:29

HTML5结合Vue3实现超大文件分片上传的加密传输方案?

中石油旗下子公司大文件传输系统技术方案 一、项目背景与需求分析 作为中石油集团旗下专注于能源信息化领域的子公司,我司长期服务于政府及军工单位,在能源管理、安全生产等关键领域积累了丰富的行业经验。本次政府招投标项目提出的大文件传输需求具有…

作者头像 李华
网站建设 2026/3/3 20:16:48

基于增量动力分析方法IDA求解易损性曲线的Matlab代码探秘

基于增量动力分析方法IDA求解易损性曲线matlab代码,代码源文件在结构工程领域,评估结构在不同强度地震作用下的易损性至关重要。增量动力分析方法(Incremental Dynamic Analysis,IDA)就是一种强大的工具,通…

作者头像 李华
网站建设 2026/3/2 20:29:48

mysql面试题整理

1.mysql mvcc 机制 在 MySQL 面试中,MVCC(Multi-Version Concurrency Control,多版本并发控制)是一个高频考点,主要考察候选人对事务隔离级别和并发控制机制的理解。以下是针对 MVCC 的核心知识点总结:1. m…

作者头像 李华
网站建设 2026/3/3 16:13:40

瞄准科技特长生!3 大核心编程考级赛事(CTL/YCL/GESP)深度对比

一、核心推荐:两大权威编程考级赛事 (一)全国青少年计算思维等级测评活动(CTL 等级测评) 官网:智启未来-青少年人工智能素养提升公益计划 作为以 C 编程语言为核心的人工智能能力测评体系,CTL …

作者头像 李华
网站建设 2026/3/3 15:47:47

day38打卡

import torch from torch.utils.data import Dataset, DataLoader from torchvision import datasets, transforms import matplotlib.pyplot as plt# # 1. 深入理解 Dataset (自定义演示) # class SimpleNumberDataset(Dataset):def __init__(self, start, end):# 模拟数据&…

作者头像 李华
网站建设 2026/3/3 15:05:50

JavaEE进阶——SpringBoot日志从入门到精通

目录 Spring Boot 日志详解:从入门到精通(新手版) 1. 日志概述:为什么要学? 1.1 从System.out.println到专业日志框架 2. 日志使用:手把手教你写代码 2.1 打印日志:第一个日志程序 知识点…

作者头像 李华