jQuery基础语法+函数+选择器+事件（十四）

最新推荐文章于 2021-06-03 15:45:47 发布

周偏偏偏

最新推荐文章于 2021-06-03 15:45:47 发布

阅读量4.8k

点赞数 7

分类专栏：前端入门进阶实战蓝桥杯

本文链接：https://blog.csdn.net/Miracle1203/article/details/106439101

版权

前端入门进阶实战同时被 2 个专栏收录

28 篇文章 24 订阅 ¥29.90 ¥99.00

订阅专栏

超级会员免费看

蓝桥杯

28 篇文章 1 订阅

订阅专栏

本文详细介绍了jQuery的基础语法、入口函数、选择器（元素、ID、Class选择器）以及事件处理，包括dblclick、mouseenter、mouseleave等常见事件。还探讨了在独立文件中使用jQuery的方法，帮助读者深入理解jQuery的核心概念和用法。

摘要由CSDN通过智能技术生成

文章目录

1.基础语法

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

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

美元符号定义 jQuery
选择符（selector）"查询"和"查找" HTML 元素
jQuery 的 action() 执行对元素的操作

实例:

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

$("p").hide() - 隐藏所有 <p> 元素

$("p.test").hide() - 隐藏所有 class="test" 的 <p> 元素

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

2.入口函数

$(document).ready

了解本专栏

订阅专栏解锁全文

超级会员免费看

确定要放弃本次机会？

福利倒计时

: :

立减 ¥

普通VIP年卡可用

立即使用

周偏偏偏

关注关注

7
点赞
踩
24

收藏

觉得还不错? 一键收藏
打赏
1
评论
复制链接

分享到 QQ

分享到新浪微博

扫一扫

专栏目录

订阅专栏

jQuery核心函数+选择器

SILENCE的博客

04-03

974

框架：提高开发效率（减少代码量），性能降低 jQuery:是一个脚本框架，是一个快速、简洁的JavaScript框架；设计宗旨是“write Less,Do More”（链式编程）obj.m1().m2().m3()...... Js:提供丰富的页面效果===>人机交互富客户端技术 jQuery主要目的：操作html、css jQuery只是一个JavaScript框架，他的功能没有JavaScript强大，以后的开发中，...

jquery合成事件hover(enter,leave

abysstoabyss的专栏

06-21

689

hover(enter,leave)__该方法模拟光标悬停事件。当光标移动到该元素时，会触发指定的第一个函数（enter），但光标移出这个元素时，会触发指定的第二个函数（leave）示例： (function(){(function(){ (“#saveBtn”).hover(functiong(){ (this).next().show(); },function(){(t

1 条评论您还未登录，请先登录后发表或查看评论

jQuery选择符—自定义选择符

xingzj95的专栏

11-17

267

1.说明：自定义选择符的语法与CSS中的伪类选择符语法相同、即选择以一个冒号(：)开头。示例：$('div.horizontal:eq(1)') 表示从带有horizontal类的div集合中选择第2个选项。 2.实例： 1) 交替地为表格行添加样式 :odd 和 :even的使用 $('tr:odd').addClass('odd'); ...

JQhover实现鼠标悬停操作

空白_回忆的博客

07-15

6022

JQhover实现鼠标悬停操作$(document).ready(function(){ $("#login_one").hover(function(){ $(this).css("background-color","white"); },function(){ $(this).css

【jQuery】使用hover()方法切换事件

O(∩_∩)O

12-17

3233

hover()方法的功能是当鼠标移到所选元素上时，执行方法中的第一个函数，鼠标移出时，执行方法中的第二个函数，实现事件的切实效果，调用格式如下： $(selector).hover(over，out); over参数为移到所选元素上触发的函数，out参数为移出元素时触发的函数。例如，当鼠标移到元素上时，元素中的字体变成金黄色，如下图所示：在浏览器中显示的效果：

jQuery中$符号的使用及解决命名冲突

zf900901298的专栏

11-05

3192

1.$符号在jQuery中，$是jQuery的别名，所有使用$的地方也都可以使用jQuery来替代。命名冲突的解决方法：(我们以引入两个库文件jQuery.js和prototype.js为例) 第一种情况：jquery.js在prototype.js之后进行引入， script src = " prototype.js " type = " text/javascript " />

JQuery基础语法小结

12-08

在本篇文章中，我们将重点讨论JQuery的基础语法，包括文档加载、选择器、事件处理、DOM对象与JQuery对象的转换以及CSS操作。 1. **$(document).ready()**：这个函数用于确保DOM完全加载完毕后再执行内部的...

js+jquery+html+div+css基础学习

06-22

2. jQuery的基本使用，如选择器、事件处理、DOM操作和动画效果。 3. HTML结构设计，理解各种元素的作用和用法，以及HTML5的新特性。 4. CSS选择器、属性和布局技巧，如盒模型、浮动、定位、Flexbox和Grid布局。 5. ...

jQuery基础语法实例入门

10-25

jQuery的选择器功能强大，它借鉴了CSS的选择器语法，使得开发者可以非常方便地选取DOM元素。例如，选择所有的段落元素可以用$('p')，选择ID为“main”的元素可以用$('#main')，选择所有的类名为“highlight”的元素...

jquery中的语法以及选择器

前端小99的博客

04-24

1076

jQuery 语法jQuery 语法是通过选取 HTML 元素，并对选取的元素执行某些操作。基础语法： $(selector).action()美元符号定义 jQuery选择符（selector）"查询"和"查找" HTML 元素jQuery 的 action() 执行对元素的操作实例:$(this).hide() - 隐藏当前元素$("p").hide() - 隐藏所有 <p> 元素...

如何处理jQuery选择器中的特殊符号

u010999809的博客

09-07

935

参考链接：http://blog.csdn.net/wql19881207/article/details/7415639 一般情况下，在jQuery选择器中，我们很少会用到诸如“.”、“#”、“(”、“[”等特殊字符，因为根据W3C规定，HTML文档中属性的值是不能包含有这些个特殊字符的，但是在实际应用中，偶尔也会遇到表达式中含有“#”和“.”等特殊字符那么是如何处理这些个特殊字符的呢

jQuery.hover() 函数详解

evilcry2012的专栏

07-31

1702

hover()函数用于为每个匹配元素的hover事件绑定处理函数。 hover事件就是鼠标悬停事件。此外，你还可以额外传递给事件处理函数一些数据。此外，你可以为同一元素多次调用该函数，从而绑定多个事件处理函数。触发hover事件时，jQuery会按照绑定的先后顺序依次执行绑定的事件处理函数。要删除通过hover()绑定的事件，请使用unbind()函数。该函数属于jQ

模仿悬停事件

qq_45593083的博客

11-06

123

<div style="float: right;text-align: right;"> <img src="../../html5/imgs/a.jpg" /> <a href="index.html">首页</a>  | <a href="index.html" class="main...

jQuery选择器和选取方法

weixin_34174132的博客

11-06

146

我们已经使用了带有简单Css选择器的jQuery选取函数:$()。现在是时候深入了解jQuery选择器语法，以及一些提取和扩充选中元素集的方法了。　　一、jQuery选择器 在CSS3选择器标淮草案定义的选择器语法中，jQuery支持相当完整的一套子集，同时还添加了一些非标准但很有用的伪类。注意:本节讲述的是 jQuery选择器。其中有不少选择器(但不是全部)可以在CSS样式表中...

html中模拟光标悬停事件,HTML 事件 -- 鼠标移入高亮显示

weixin_31764271的博客

06-03

1001

|需求：鼠标移入某个单元格时高亮显示该格。(实例报表中同时设有隔行变色)下面以润乾报表 5 自带报表实例【订单.rpx】为例，实现鼠标移入高亮显示实现如上需求需要单元格 HTML 事件 + 自定义 js 方法结合使用, 下面我们对 A2 单元格设置鼠标移入高亮显示1. 在报表展现界面中定义 js 方法：functionMIC(cell){cell.style.backgroundColor=...

jQuery- 跟着李南江学编程

ljh1972的博客

01-15

359

$(document).ready(function () { 第一种写法 console.log('你好'); }); jQuery(document).ready(function () { 第二种写法 console.log('你好'); }); $(function () { ...

JQuery（李江南）

LuckyGuyy的博客

01-22

1490

文章目录jQuery使用jQueryjQuery字典简单样例1.jQuery核心2.jQuery工具、选择器3.jQuery选择器4.属性5.CSS6.事件7.效果8.文档处理9.ajaxcookiehash jQuery jQuery是一个快速、简洁的JavaScript框架，是一个优秀的JavaScript代码库（或JavaScript框架）。jQuery设计的宗旨是“write Less，Do More”，即倡导写更少的代码，做更多的事情。它封装JavaScript常用的功能代码，提供一种简便的J

鼠标光标悬停事件

weixin_30555753的博客

12-19

1264

hove()方法相当于mouseover()与mouseout()事件的组合 <!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title>hover()事件</title> <scrip...

jQuery基础教程：选择器与核心函数解析

"Jquery基础学习，包括选择器和核心函数的介绍" 在本文中，我们将深入探讨jQuery的基础知识，特别是其选择器和核心函数。jQuery是一个广泛使用的JavaScript库，它的核心理念是通过简洁的语法来实现高效的功能，使得...