• jQuery(一)


    我由于对jQuery用的很少,所以决定重新学习jQuery,在此记录学习时的经历。

    首先简单介绍一下jQuery。

    jQuery是一个javaScript库,它极大简化了javaScript编程,倡导“write less,do more”,就是写更加少的代码,做更多的事情。jQuery其实是对javaScript的一些常用的功能进行了封装

    jQuery库包含了很多特性,比如:html元素的选取,html元素的操作,css的操作,html事件函数,javaScript特效和动画,html Dom遍历和修改,AJAX等。

    首先,向页面中导入一个jQuery库

    <head>

      <script type="text/javascript" src="jquery.js"></script>

    </head>

     第一个代码,jQuery 的 hide() 函数,隐藏了 HTML 文档中所有的 <p> 元素

    <%@ page language="java" contentType="text/html; charset=utf-8"
    pageEncoding="utf-8"%>
    <!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
    <html>
    <head>
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8">
    <title>Insert title here</title>
    <script type="text/javascript" src="js/jquery.min.js"></script>
    </head>
    <body>
    <p>n我是一个小菜鸟</p>
    <button type="button" id="btn">点击</button>
    <script type="text/javascript">
    $(document).ready(function() {
    $("#btn").click(function() {
    $("p").hide();
    });
    });
    </script>
    </body>
    </html>

    效果:

  • 相关阅读:
    数字类型和字符串类型
    python 基础-----数字,字符串,列表,字典类型简单介绍
    Pycharm快捷键的使用
    学习PYTHON之路, DAY 3
    购物车
    三级菜单
    模拟登录
    学习PYTHON之路, DAY 2
    学习PYTHON之路, DAY 1
    SSFOJ P1453 子序列(一) 题解
  • 原文地址:https://www.cnblogs.com/huifeidezhuzai/p/9996863.html
Copyright © 2020-2023  润新知