我的第三课：jquery语法

最新推荐文章于 2024-07-24 05:32:27 发布
最新推荐文章于 2024-07-24 05:32:27 发布
阅读量463 收藏 1
点赞数
分类专栏： jquery学习 文章标签： jquery
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/meiyouyimingtian/article/details/20315797
版权


                                                                                     jquery语法

jQuery 语法是为 HTML 元素的选取编制的，可以对元素执行某些操作。

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

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

示例

【一】=====》$(this).hide() - 隐藏当前元素

<html>
<head>
<script type="text/javascript" src="/jquery/jquery.js"></script>
<script type="text/javascript">
$(document).ready(function(){
  $("button").click(function(){
  $(this).hide();
});
});
</script>
</head>

<body>
<button type="button">Click me</button>
</body>

</html>

$("p").hide

【二】====》$("#test").hide() - 隐藏所有 id="test" 的元素() - 隐藏所有段落

<html>
<head>
<script type="text/javascript" src="/jquery/jquery.js"></script>
<script type="text/javascript">
$(document).ready(function(){
  $("button").click(function(){
    $("#test").hide();
  });
});
</script>
</head>

<body>
<h2>This is a heading</h2>
<p>This is a paragraph.</p>
<p id="test">This is another paragraph.</p>
<button type="button">Click me</button>
</body>

</html>

【三】====》$("p").hide() - 隐藏所有段落

<html>
<head>
<script type="text/javascript" src="/jquery/jquery.js"></script>
<script type="text/javascript">
$(document).ready(function(){
$("button").click(function(){
$("p").hide();
});
});
</script>
</head>

<body>
<h2>This is a heading</h2>
<p>This is a paragraph.</p>
<p>This is another paragraph.</p>
<button type="button">Click me</button>
</body>
</html>

【四】=====》$(".test").hide() - 隐藏所有 class="test" 的所有元素

<html>
<head>
<script type="text/javascript" src="/jquery/jquery.js"></script>
<script type="text/javascript">
$(document).ready(function()
{
  $("button").click(function()
  {
  $(".test").hide();
  });
});
</script>
</head>
<body>

<h2 class="test">This is a heading</h2>
<p class="test">This is a paragraph.</p>
<p>This is another paragraph.</p>
<button type="button">Click me</button>

</body>
</html>


没有一明天
关注
专栏目录
【jQuery】第三课——初步认识jQuery，掌握jQuery基本语法
王迪
09-03 1198
知识点：熟练搭建jQuery开发环境、掌握jQuery语法、掌握DOM模型、会进行jQuery对象与DOM对象的相互转换，会使用ready()方法加载页面，会使用addClass()方法为元素添加CSS样式、会使用css()方法为元素添加CSS样式、会使用next()方法获取元素。 1、 jQuery 简介 jQuery 是一个 JavaScript 库，把我们常用的一些...
第一课：jquery入门
Geek
12-11 343
  这节课开始我们开始学jquery     jquery实际上是一个js文件,里面定义了很多函数供我们调用   要使用jquery，首先要引入jquery文件，jquery分为很多个版本，我这里用1.9版本吧 注意，必须先把jquery的js文件复制粘贴到项目中     //引入jquery //在html中引入js文件的语法为 &lt;script src = ""...
【JS逆向课件：第十九课：jQuery】
最新发布
weixin_50556117的博客
07-24 1129
jQuery是一个快速、简洁的JavaScript框架。jQuery设计的宗旨是“write Less，Do More”，即倡导写更少的代码，做更多的事情。它封装JavaScript常用的功能代码，提供一种简便的JavaScript设计模式，优化HTML文档操作、事件处理等功能。jQuery兼容各种主流浏览器，如IE 6.0+、FF 1.5+、Safari 2.0+、Opera 9.0+等。
jQuery 基础语法
既然选择远方，便只顾风雨兼程！
02-27 2589
文章目录jQuery 基础语法一、 jQuery 概述1、 JS 库2、 jQuery 概念3、 jQuery 优点二、 jQuery 基本使用1、 jQuery 使用步骤2、 jQuery 入口函数3、 jQuery 顶级对象4、 jQuery 对象和 DOM 对象三、 jQuery 常用 API1、 jQuery 选择器2、 隐式迭代3、 jQuery 筛选选择器4、 jQuery 筛选方法5、 jQuery 里面的排他思想6、 链式编程四、 jQuery 样式操作1、 操作 CSS 方法2、 设置类样
vue学习笔记三：Jquery VS Vue之差异比较概览
Java、前端、小程序学习笔记、问题汇总、项目实例分享，有需要请联系。
02-28 1273
比较熟悉Jquery的使用，Vue中的不太熟悉，今天来汇总下jquery中的常用操作在Vue中的对应实现方法。 Jquery中的常用操作包括：网页动态更新、选择器、第三方库的引用、html元素操作、元素动画、Ajax、事件监听及处理、JS原生的接口等，本篇汇总下这些操作在Vue中对应的实现方式。
JQuery基础语法
weixin_54597170的博客
10-27 1941
目录JQuery基础概述JQuery对象和JS对象区别与转换基础操作选择器基本选择器层级选择器属性选择器过滤选择器表单过滤选择器DOM操作内容操作属性操作CRUD操作 JQuery基础 概述 一个JavaScript框架， 简化JS开发， 本质上就是一些js文件，封装了js的原生代码而已。 JQuery对象和JS对象区别与转换 1.操作 JQuery对象在操作时，更加方便。 2.通用性 JQuery对象和js对象方法不通用的. 3.转化 1. jq – > js : jq对
语法篇JQuery基础
qq_62377885的博客
06-11 1143
jQuery是一个快速、简洁的JavaScript框架，它是John Resig在2006年创建的一个开源项目。它封装了JavaScript常用的功能代码，提供了一种简便的JavaScript设计模式，优化了HTML文档操作、事件处理、动画设计和Ajax交互。它的设计宗旨是“write Less，Do More”，即倡导写更少的代码，做更多的事情。
JS框架：JQuery
weixin_45676761的博客
05-09 1124
jQuery是一个快速、简洁的JavaScript框架，是继Prototype之后又一个优秀的JavaScript代码库（或JavaScript框架）。jQuery设计的宗旨是“write Less，Do More”，即倡导写更少的代码，做更多的事情。它封装JavaScript常用的功能代码，提供一种简便的JavaScript设计模式，优化HTML文档操作、事件处理、动画设计和Ajax交互。
jquery的基本语法
weixin_45193791的博客
04-12 1812
js对象：js语法获取的页面标签对象称为js对象。js对象可以转换成jquery对象。 var a = document.getElementById("d1") js对象转换成jquery对象的方法 function a() { var a = document.getElementById("d1") //将js对象转换成jquery对象 alert($(a)) } jquery对象：jquery语法获取的页面标签称为jquery对象
jQuery第2天知识点：jQuery 样式操作、jQuery 属性操作.zip
07-18
jQuery的语法设计使得开发者能够更加轻松地实现跨浏览器的兼容性，从而提高了开发效率。 ### jQuery 样式操作 jQuery提供了丰富的API用于操作HTML元素的CSS样式。以下是一些主要的方法： 1. **`.css()`**：这是最...
jQuery1.8.3-20121215.zip（jQuery语法包）
02-18
- **插件系统**：jQuery的插件生态系统丰富，1.8.3版本可以兼容大量的第三方插件。 3. **jQuery1.8.3帮助文件** - **jQuery1.8.3_20121215.chm**：这是一个帮助文件，通常包含jQuery API的详细文档，用户可以通过...
jquery.cookie-min:jquery.cookie 最小化
06-15
3. 安全性：不要在Cookie中存储敏感信息，因为它们可以被第三方获取。 总结，jQuery.cookie-min作为JavaScript的一个实用工具，为开发者提供了方便快捷的Cookie操作方式。通过熟练掌握其使用方法，我们可以更好地...
我的第二课：jquery点击按钮消失
没有一明天的专栏
03-02 1307
$(document).ready(               function()               {                   $("button").click(                   function(){                      $("p").hid
我的第一课：jquery实现点击消失
没有一明天的专栏
03-02 1212
jquery实现点击消失的源代码：                 $(document).ready(function(){         $("p").click(            function()            {             $(this).hide();            }         );
我的第十六课：jQuery - 获取并设置 CSS 类
没有一明天的专栏
03-07 757
jQuery 拥有若干进行 CSS 操作的方法。我们将学习下面这些： addClass() - 向被选元素添加一个或多个类removeClass() - 从被选元素删除一个或多个类toggleClass() - 对被选元素进行添加/删除类的切换操作css() - 设置或返回样式属性                     $(document).rea
我的第五课：jQuery 效果 - 隐藏和显示，切换
没有一明天的专栏
03-03 643
jQuery 效果 - 隐藏和显示，切换，淡入淡出的代码如下：               $(document).ready(          function()          {             $("#hide").click(                function()                {
我的第十三课：jQuery - 设置内容和属性
没有一明天的专栏
03-06 632
 jQuery - 设置内容和属性的代码：                             $(document).ready(                 function(){                    $("#button1").click(                       function(){           
我的第八课：jQuery 效果 - 动画
没有一明天的专栏
03-04 612
 jQuery 效果 - 动画的代码如下：                  $(document).ready(         function(){            $("#button1").click(               function()               {                 $(".button1").a
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值