初识jQuery


  • 概述

目的:想用jQury做出比较酷炫的网页效果

正文·

先来看看jQuery 语法,语法是学一个编程语言最重要的事情

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

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

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

实例:

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

    元素

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

    元素

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

再来看个菜鸟教程的简单示例:

<!DOCTYPE html>
<html>
<head>
<script src="https://apps.bdimg.com/libs/jquery/2.1.4/jquery.min.js"></script>
<script>
$(document).ready(function(){
  $("button").click(function(){
    $("p").hide();
  });
});
</script>
</head>

<body>
<h2>这是一个标题</h2>
<p>这是一个段落。</p>
<p>这是另一个段落。</p>
<button>点我</button>
</body>
</html>
参考链接:

文章作者: 古客
版权声明: 本博客所有文章除特別声明外,均采用 CC BY 4.0 许可协议。转载请注明来源 古客 !
评论
 上一篇
Chrome插件谷歌翻译无需翻墙的使用方法 Chrome插件谷歌翻译无需翻墙的使用方法
估计有些小伙伴在使用谷歌翻译这个插件会发现无法使用或者时常翻译不了网页的情况吧,毕竟有个墙在那里挡着,有时抽风肯定在所难免的啦,直接翻墙这个解决办法就不说了,无需翻墙的办法是把谷歌域名的后缀.com改为.cn,这个是谷歌原本为进攻中国市场而
2020-02-24 古客
下一篇 
python之验证码的识别 python之验证码的识别
概述 验证码还是一个比较麻烦的事情,时常注册账号或是其他时候要输入验证码就很麻烦,特别是好几次都不对的那种就更烦了,所以让我们学习一下如何用python破解验证码吧! 1. 2. 3. 4. 5. 参考链接: do
2020-02-20