08 2020 档案
摘要：
阅读全文
摘要：Example: #include <stdio.h> #include <stdlib.h> typedef struct node { int num; struct node *next; }Node; typedef struct my_list { Node *head; int coun
阅读全文
摘要：Ex1. Ex2. Ex3. 1. Use the Bisection Method to find the root to six correct decimal places. (a) x3 = 9(b) 3x3 + x2 = x + 5 (c) cos2 x + 6 = x Ex4. 3. C
阅读全文
摘要：
阅读全文
摘要：1. GoodsRecommendListServlet protected void doGet(HttpServletRequest request, HttpServletResponse response) throws ServletException, IOException { int
阅读全文
摘要：1. TypeDao.java public Type select(int id) throws SQLException{ QueryRunner r = new QueryRunner(DBUtil.getDataSource()); String sql = "select * from t
阅读全文
摘要：1. 在goods_list.jsp 中； <a class='btn btn-info' <c:if test="${p.pageNo==1 }">disabled</c:if> <c:if test="${p.pageNo!=1 }">href="${pageContext.request.co
阅读全文
摘要：1. GoodsListServlet.Java int pageNo = 0; if(request.getParameter("pageNo") != null) { pageNo = Integer.parseInt(request.getParameter("pageNo")); } Lis
阅读全文
摘要：效果: 1. 点击系列名之后, 进入商品列表 2. 通过分页显示数据, 每页可显示8个蛋糕 1. 创建分页的数据模型 Model层下: Page.java 2. 创建Servlet控制商品列表页面的跳转 Servlet header.jsp Servlet 此时的效果 (只显示了样式页面) 3. 创
阅读全文
摘要：效果 0. Model层中: Type.java 1. TypeDao.java public List<Type> selectAll() throws SQLException{ QueryRunner r = new QueryRunner(DBUtil.getDataSource()); S
阅读全文
摘要：Ex. 1 Same Ex: Yes. illustration : First Try: Use Brute-force (Not Recommanded) SecondTry: Use Greedy Approch(Recommanded)
阅读全文
摘要：1. GoodsDao.java public Map<String, Object> getScrollGoods() throws SQLException { QueryRunner r = new QueryRunner(DBUtil.getDataSource()); String sql
阅读全文
摘要：1.GoodsDao.java public List<Map<String, Object>> getGoodsList(int recommendType) throws SQLException { QueryRunner r = new QueryRunner(DBUtil.getDataS
阅读全文
摘要：一. 创建表对应的数据模型类 在com.Jasper2003.model 包下, 添加数据模型: 1. Goods.java 2. Type.java 3. Recommend.java 二. 创建Service和Dao层的热销商品查询方法 <1> Dao层 - 获取数据 public class
阅读全文
摘要：
阅读全文
摘要：需要实现的效果 获得相应数据的方法: 使用内连接 <1> 双表连接 效果 <2> 三表连接 <3> 获取展示热销商品所需要的列
阅读全文
摘要：1. 创建DBUtil.java 2. 创建IndexServlet处理首页请求 <1> 在web.xml中, 设置首先访问 index (Servlet) <2> IndexServlet.java @WebServlet("/index") public class IndexServlet e
阅读全文
摘要：1. 查询一条记录 public static void main(String[] args) throws Exception { DataSource ds = new ComboPooledDataSource(); QueryRunner r = new QueryRunner(ds);
阅读全文
摘要：1. 创建c3p0配置文件 c3p0-config.xml (文件名必须为c3p0-config.xml) <?xml version="1.0" encoding="UTF-8"?> <c3p0-config> <!-- 默认配置，只可以出现一次 --> <default-config> <pro
阅读全文
摘要：今天开始用之前所学的Java Web知识做一个练习, 开发一个蛋糕订购网站, 我把它命名为CShop “CShop Project ” 标题下的随笔, 将简略地记录我的开发过程, 以备后续的学习与复习之用 1. 2. 在MySQL Workbench中, 创建商品相关表, 效果如下:<1> good
阅读全文
摘要：1. 2.
阅读全文
摘要：0. 什么是连接池 / 数据源？ 连接池是一个集合, 用来保存多个连接(Connection) １． 为什么需要连接池/数据源？ ＜１＞ 为了避免重复地创建Connection ＜ 2 ＞ 节约资源 2. 创建连接池 / 数据源 public class JDBCUtils { private st
阅读全文
摘要：1. 转账操作 (不添加事务) public static void transfer(String username1,String username2,int amount) { Connection con = null; PreparedStatement stmt1 = null; Pre
阅读全文
摘要：1. 插入一个新用户 public static void insert(String username,String password) { Connection con = null; PreparedStatement stmt = null; ResultSet rs = null; try
阅读全文
摘要：1. 创建JDBCUtils package com.Jasper2003.jdbc01; import java.sql.Connection; import java.sql.DriverManager; import java.sql.ResultSet; import java.sql.SQ
阅读全文
摘要：1. SQL查询语句 SELECT * FROM web01.user limit X,Y; (从第【X】行开始, 查询Y行) 2. 实现 1 public static boolean selectByPage(int pageNum, int pageSize) { 2 Connection c
阅读全文
摘要：1. Version 1 容易引发sql注入的问题，造成非法访问 1 package com.Jasper2003.jdbc01; 2 3 import java.sql.Connection; 4 import java.sql.DriverManager; 5 import java.sql.R
阅读全文
摘要：示例： 建立与数据库"web01"的连接, 并查询输出"user"表中所有的数据package com.Jasper2003.jdbc01; import java.sql.Connection; import java.sql.DriverManager; import java.sql.Resu
阅读全文
摘要：1. 进入控制面板\程序\程序和功能，卸载MySQL 2. 删除上次安装目录的MySQL残留文件，不要忘了检查Program Files 和 Program Files(x86), 更不要忘了删除ProgramData下的MySQL文件夹 注意：这里的文件夹与上次安装目录里的残留文件不同，C:\Pr
阅读全文
摘要：mysqld是服务，mysql是客户端。 mysqld其实是SQL后台程序(也就是MySQL服务器)，它是关于服务器端的一个程序，mysqld意思是mysql daemon，在后台运行，监听3306端口，如果你想要使用客户端程序，这个程序必须运行，因为客户端是通过连接服务器来访问数据库的。你只有启动
阅读全文
摘要：1. Intro 2. 创建监听器 （以session为例） <1> <2> 使用web.xml配置session listener <3>application的属性监听器 3. 实例: 单点登录 Step1. SessionManager.java (每一个Session管理一个客户端的登录数据
阅读全文
摘要：权限管理: 非网站管理员, 不能访问 管理员(admin/*)页面 例子 Step1 Step2 Step3
阅读全文
摘要：1. illustration 2. 编码过滤器解决中文参数乱码问题 <1> <2> 优化 (在web.xml中配置编码格式) Step1 Step2 Step3
阅读全文
摘要：1. register.jsp 2. VerifyUsernameServlet.java 3. UserService.java 4. VerifyUsernameServlet.java 5. register.jsp 效果:
阅读全文
摘要：1. 在AjaxServlet.java中: 2. 在ajax.jsp中： 效果: 访问ajax.jsp时， 控制台输出"收到了ajax请求"(每两秒) 3. 发起ajax请求的时候，数据互相传递 <1> 服务器端向客户端传递数据: 在ajax.jsp中得到服务器端发送的数据： 效果: <2> 客户
阅读全文
摘要：1. 序列化 2. 反序列化 （json的解析） 3. 反序列化 - 较复杂的数据 也需要有对应的类来接受它：
阅读全文
摘要：1. index:jsp 原 <% Object user = session.getAttribute("user"); if(user == null){ %> <a href="<%=request.getContextPath()%>/login.jsp">登录</a> <a href="<
阅读全文
摘要：1. 用法 <1> 引入jar包 <2> 引入jstl标签库 <%@ taglib uri="http://java.sun.com/jsp/jstl/core" prefix="c" %> // 引入jstl标签库 <3> 与数据存储相关的三个标签 <4> jstl中的条件标签 1. if 2.
阅读全文
摘要：1. 用法: <body> <% session.setAttribute("name","Jasper"); %> Hi, my name is: ${name} </body> 例子: 在login.jsp 和 register.jsp中 <% if(request.getAttribute("
阅读全文
摘要：1. goods_list.jsp <table border="1"> <tr> <td>Name</td><td>Description</td><td>Price</td><td>Available</td><td>Operation</td> </tr> <% List<Goods> lis
阅读全文
摘要：1. Goods.java 2. DBUtil.java public class DBUtil { public static Map<String,User> userMap = new HashMap<String,User>(); public static List<Goods> good
阅读全文
摘要：goods_list.jsp <html> <head> <meta http-equiv="Content-Type" content="text/html; charset=ISO-8859-1"> <title>Insert title here</title> <style type="te
阅读全文
摘要：/* LoginServlet*/User user = service.login(username, password); if (user != null) { req.getSession().setAttribute("user", user); if(user.isAdmin()) {
阅读全文
摘要：0. 在login.jsp中: 1. 在LoginServlet.java中: 2. 在UserService.java中, 添加: public class UserService { public User login(String username,String password) { ret
阅读全文
摘要：1. 创建login.jsp 2. 在RegisterServlet中, 添加： 3. 在login.jsp中, 显示msg: "你注册成功了,快快登录吧！" <% if(request.getAttribute("msg") != null){ out.println(request.getAtt
阅读全文
摘要：1. 创建 index.jsp, register.jsp, RegisterServlet.java, UserService.java 2. 在 index.jsp中: 3. 在register.jsp中: 4. 在RegisterServlet.java中: 5. 在UserService.j
阅读全文
摘要：1. 按照数据model, 创建DAO层 2. 在UserDao中, 添加控制user的相关数据库操作: public class UserDao { public boolean isExist(String username) { return DBUtil.userMap.containsKe
阅读全文
摘要：1. 创建示例项目 2. 在User.java中, 创建User数据模型 3. 在DBUtil.java中, 创建模拟数据库, 并添加管理员账号 public class DBUtil { public static Map<String,User> userMap = new HashMap<St
阅读全文
摘要：1. MVC分层架构 2. JavaEE分层架构
阅读全文
摘要：1. 什么是单例模式? 单例, 是单实例(对象)的意思 模式, 指的是一种固定的编程思路 2. 什么时候使用单例模式? 在创建管理器类 / 工具类 的时候 3. 例如： <1> 创建一个工具类 - JDBCUtil.java <2> 由于工具类的性质, 它JDBCUti的对象不需要被创建多次 <3>
阅读全文
摘要：＜１＞ 区分客户端和服务器端路径 一般可以在浏览器中(inspect -> html)显示出来的为客户端路径， 无法在浏览器中显示的路径为服务器端路径 ＜２＞ 测试服务器端路径(相对路径) 在path.jsp中: <body> <h1>这是一个h1标签！！</h1> <a href="<%=requ
阅读全文
摘要：以请求转发为例: <1> 创建商品列表 <2> 在list.jsp 中 <% request.getRequestDispatcher("../path.jsp").forward(request,response); // 通过相对路径进行请求转发 %> <3> 对比效果 效果一: 直接访问 ht
阅读全文
摘要：1. 客户端路径: <1> 指向资源 (某个html/JSP/Servlet..页面, 也可能指向某个图片/CSS/JS文件) <2> 需要浏览器发起请求, 解析路径 2. 服务器端路径 <1> 需要服务器端解析 <jsp:include page="head.jsp"></jsp:include>
阅读全文
摘要：<jsp:include page="head.jsp"></jsp:include> 标签内没有元素时不能空格，不能换行
阅读全文
摘要：1. 乱码问题解决 <1>. 第一种解决方式 <2>. 第二种解决方式 提前设置编码格式, 再获取参数： <% request.serCharacterEncoding("UTF-8"); String username = request.getParameter("username"); %>
阅读全文
摘要：1. page内置对象, 等同于this 在index.jsp中, 运行: <% System.out.println(page == this);%> 效果: true 2. 四大域对象: page request session appliaction page作用域: 在 当前JSP页面 有效
阅读全文
摘要：1. 做Web工程时引入的jar包必须要放在WebContent/WEB-INF/lib 下 例如, 引入一个jstl的jar包 在Web开发中, 不需要addToBuildPath, jar包可以被自动识别 2. web配置文件创建 New--》Dynamic Web Project 效果: 默认
阅读全文
摘要：以TestServlet.java 为例: @WebServlet("/TestServlet") public class TestServlet extends HttpServlet { public TestServlet() { System.out.println("构造方法被调用了！"
阅读全文
摘要：以RegisterServlet.java为例: protected void doPost(HttpServletRequest request, HttpServletResponse response) throws ServletException, IOException { String
阅读全文
摘要：通过配置文件来设置Servlet的路径 <1> 得到apache内置的web.xml配置文件 <2> 复制到WebContent/WEB-INF 目录下 <3> 保留 web.xml 的核心代码: <?xml version="1.0" encoding="UTF-8"?> <web-app xml
阅读全文
摘要：1. package com.Jasper2003.servlet; import java.io.IOException; import javax.servlet.ServletException; import javax.servlet.annotation.WebServlet; impo
阅读全文
摘要：第一种创建方式: 1. 在Java Resources/src中, 创建一个Package: com.Jasper2003.servlet 2. 3. 核心代码 @WebServlet("/RegisterServlet") // 路径名(默认和类名保持一致)public class Registe
阅读全文
摘要：<1> 什么是application? application 代表整个web程序, 整个服务器端只存在一个application对象, 当Tomcat启动的时候就被创建 application 的生命周期与Tomcat 同步 <2> 使用application储存网站当前登录人数, 并显示在首页
阅读全文
摘要：需求: 在首页面显示 当前登录用户 <1> 前置知识: session 从打开这个网站开始, 到关闭这个网站结束, 视作一个session <2>. 示例: <% System.out.println(session); %> 效果： (在多个页面中, 输出session(的地址), 结果为相同的内
阅读全文
摘要：1. 处理登录失败的情况 <1> 在login_do.jsp中: if(user == null){ request.setAttribute("message","很遗憾, 由于用户名或密码错误,你登录失败了！"); // 给出提示信息 request.getRequestDispatcher("
阅读全文
摘要：1. 需求: 在登录之后, 跳转至个人中心 2. 在login_do.jsp 中 if(user == null){ out.println("很遗憾, 登录失败, 用户名或密码错误!"); }else{ request.setAttribute("user",user); request.getR
阅读全文
摘要：1. 需求: 如果用户名存在, 则登录成功. 不存在, 则失败. 2. 在login.jsp中： <form action ="login_do.jsp" method ="post"> 用户名: <input type="text" name="username"/><br/> 密码: <inpu
阅读全文
摘要：1. 新需求: 当注册成功时, 显示"注册已成功", 随后, 跳转至登录页面 2. 在register_do.jsp中, 添加: if(isSuccess){ request.setAttribute("message", "你注册成功了, 请登录！")； // 新添加 request.getReq
阅读全文
摘要：request对象的生命周期 <1> 创建request1.jsp 和 request2.jsp <2> 在 request1.jsp 中, 添加: <% request.setAttribute("message","毁灭程序已启动, 请立即撤离"); // 数据被存放在了 request 对象中
阅读全文
摘要：1. original register_do.jsp 2. 创建一个登录页面 3. 在register_do.jsp 中添加请求转发 if(isSuccess){ request.getRequestDispatcher("login.jsp").forward(request,response)
阅读全文
摘要：1. original register_do.jsp: 2. modified register_do.jsp: Combining java code with html using the "<% %>" seperator is a common way to display info in
阅读全文
摘要：示例: 1. index.jsp <%@ page language="java" contentType="text/html; charset=utf-8" pageEncoding="utf-8"%> <!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 T
阅读全文
摘要：内置对象, 不需要创建, 可以直接使用. 1. request 对象 （获取从客户端发送过来的数据） 示例： 从login.jsp页面获取index.jsp发送的用户名和密码: <% String username = request.getParameter("username"); String
阅读全文
摘要：1. 2. 3. 请求和相应的数据包具体什么样子 <1> get方式下请求和响应的数据包是什么样子 通过get方式传递数据： 1.可以通过发送网址(URL)直接传递数据,例如： localhost:8080/web01/index.jsp?username=siki&password=123456
阅读全文
摘要：1. <%! %> 这是Java的定义表达式, 可以在这里面定义一些变量 2. <%! int count = 0; %> <% out.println(count); // 页面上显示了0 %> 3. 定义表达式的特性, 示例: <%! int count = 0; %> // <%! %> 定义
阅读全文
摘要：1. 示例 1 <%@page import="java.util.Date"%> 2 <%@ page language="java" contentType="text/html; charset=utf-8" 3 pageEncoding="utf-8"%> 4 <!DOCTYPE html
阅读全文
摘要：1. 2. (默认, index.xx是网站的首页) 结果: 3. 保存文件时, 会出现save problem 当出现中文文本时, 可以选择支持中文的ＵＴＦ－８格式， 并（可）将页面中声明的格式修改为ＵＴＦ－８ ４. 运行 5. 结果 使用正确的编码格式后: index.jsp 中的第1,2行为J
阅读全文
摘要：Solution: 1. 打开cmd,输入: netstat -ano|findstr 8080 (哪个端口被占用，就输入哪个端口号,看我的截图是8080端口号). 2. 在资源管理器(Ctrl+alt+delete键)中找到PID码为2952的进程，结束进程。 重新启动Tomact,就不会报此错误
阅读全文
摘要：提示netstat不是内部或外部命令的原因是：cmd当前操作不在系统文件夹system32下，那么 <1>只需输入：cd c:\WINDOWS\system32\ ；即可将当前操作路径切换到Windows 操作系统的系统文件夹下。 <2> 或者, 将 C:\WINDOWS\system32\ 设置为
阅读全文
摘要：<0> 其实，jdk是可以多版本并存的。安装多个后更改路径就可以，改到哪个版本路径下就执行哪个版本。如果出现奇怪的现象，不费神，那就卸载不用的jdk和到注册表删除一些旧版本的残余信息 <1> 安装新的JDK： <2> 我的电脑 》属性 》高级系统设置 》高级 》环境变量 》编辑 <3> JDK卸载，
阅读全文
摘要：打开eclipse时出现了Failed to load the JNI shared library，这个问题一般是eclipse和JDK位数不一样. 如何解决? 首先查看两个软件的位数，然后再卸载一个，安装和另外一个位数一样的软件。 <1> 在命令行中输入java -version ,查看JDK是
阅读全文
摘要：<1> <2> 启动eclipse并创建第一个web 项目 1. 检查JDK的配置 2. 配置Server运行环境 3. 创建项目 项目结构:
阅读全文
摘要：我们可以利用dom4j解析XML文档, 也可以用dom4j创建XML文档: 1. 官方示例 - 创建文档: 官方示例, 保存文档： 2. 在自己的环境里运行: import org.dom4j.Document; import org.dom4j.DocumentHelper; import org
阅读全文
摘要：Cuba is no longer the Americas’ lonely outpost of communism. This Caribbean island has become a nation of entrepreneurship, democratic aspiration, eve
阅读全文
摘要：PART 1: THE COLD WAR STEP 1: Reading and slides Read Chapter 21 in the textbook. Also look through these slides to help illustrate the chapter. (There
阅读全文
摘要：以解析NewFile.xml 中的数据为例 import org.dom4j.DocumentException; import org.dom4j.Element; import org.dom4j.io.SAXReader; public class ParseXML{ public stati
阅读全文
摘要：1. dom4j 2. 使用dom4j解析xml文档:<1> 准备好需要解析的文件 (NewFile.xml) <!-- NewFile.xml --><?xml version="1.0" encoding="UTF-8"?> <!-- XML的文档声明, 必须放在第01行 --> <goodsl
阅读全文
摘要：<?xml version="1.0" encoding="UTF-8"?> <!-- XML的文档声明, 必须放在第01行 --> <goodslist> <!-- 标签是大小写敏感的, 与HTML不同 --> <good id="1001" production_date="2018-4-1">
阅读全文
摘要：什么是 XML? XML 指可扩展标记语言（EXtensible Markup Language） XML 是一种标记语言，很类似 HTML XML 的设计宗旨是传输数据，而非显示数据 XML 标签没有被预定义。您需要自行定义标签。 XML 被设计为具有自我描述性。 XML 是 W3C 的推荐标准
阅读全文
摘要：以学生系统为例 1. 获得学生档案, 并且也显示没有档案的学生 如果使用内连接(不满足条件)： select * from student s, studentfile sf where s.id = sf.student_id; 如果使用外连接(左连接): select * from studen
阅读全文
摘要：以学生系统为例 1. 为班级添加班级名, 用于做展示. 2. 如果查询学生在哪个班级里, 使用单表查询,则需要做两次查询: 查学生表,得到目标学生的class_id 》 查班级表, select * from class where id = 1; 3.使用多表查询 select * from st
阅读全文
摘要：为什么JSP可以在html中运行java代码？ 这是 步骤 1 : 步骤1: 执行过程 因为JSP被转译成了Servlet 1. 把 hello.jsp转译为hello_jsp.java2. hello_jsp.java 位于 d:\tomcat\work\Catalina\localhost\_\
阅读全文
摘要：步骤0: 什么是JSP？ JSP: Java Server Page, 是一个简化的Servlet设计 通过Servlet进行整个网站的开发是可以的。 不过在Servlet中输出html代码，特别是稍微复杂一点的html代码，就会给人一种很酸爽的感觉。如果能够直接使用Html代码，然后在html中写
阅读全文
摘要：以学生系统为例 1. 最简单的查询, 查询所有字段 select * from student; 2. 查询特定的字段 select name,number from student 3. 查询符合特定条件的字段 select * from student where id = 4; select
阅读全文
摘要：多对多, 以 学生-课程 为例 1. 创建"课程"表 2. 设置外键 》 需要通过中间表来实现 例子： 表示 三个学生学习同一个课程 Later, 第一个学生想学习第二个课程. 此时，在中间表里添加一条记录 创建中间表 添加两个外键 关联 student_id 与 student 表里的id cou
阅读全文
摘要：一对多关系， 以 班级-学生 为例： 1. 创建班级表 2. 添加外键 <a>在“class”表上设置外键 》 不合理 <b>在“student”表上设置外键 (一般在元素多的表里设置外键， 学生 属于 班级) 关联 class_id 与 id 效果： 多对一, 多个学生可以被添加至一个班级。 一个
阅读全文
摘要：列罗出了Tomcat常见的问题，如不能启动，屏幕一闪而过，启动之后，访问总是出现404等等常见问题。以下排查手段都是针对通过startup.bat 独立方式启动的Tomcat，集成开发环境IDE(IDEA,ECLIPSE,MYECLIPSE等) 下的Tomcat启动不在此知识点讨论范围之内。 步骤
阅读全文
摘要：tomcat默认的端口号是8080，可以通过配置把端口号修改成80 步骤 1 : server.xml tomcat的端口配置相关信息在 server.xml中server.xml 记录了非常多的tomcat配置信息，其中就包括端口用记事本打开 \tomcat\conf\server.xml查询 c
阅读全文
摘要：步骤 0： Tomcat是常见的免费的web服务器.Tomcat 这个名字的来历，Tomcat是一种野外的猫科动物，不依赖人类，独立生活。 Tomcat的作者，取这个名字的初衷是希望，这一款服务器可以自力更生，自给自足，像Tomcat这样一种野生动物一般，不依赖其他插件，而可以独立达到提供web 服
阅读全文
摘要：1. 创建学生表 2. 创建学生档案表 3. 建立两个表之间的关系 添加外键约束 将student_id 设置为 unique 避免一个人拥有2个档案的情况发生 Outcome:student: student_file: (Franklin没有档案)
阅读全文
摘要：数据库表设计 1对1 非常少 学生信息表 基本信息比如： 姓名 学号 班级 年龄 性别 学生档案资料表 历史记录信息： 小学 初中 高中 籍贯 高中毕业会考成绩(语数英) 体格(身高 体重) 体育成绩(1000 米，仰卧起坐，引体向上)等...... 1对多 学生信息表 基本信息比如: 姓名 学号
阅读全文
摘要：In 1185, Japan began to be governed by warriors or samurai. Until this time the government had been bureaucratic in theory, but was actually aristocra
阅读全文
摘要：1. a map of the triangular trade system Commerce in People: The Atlantic Slave Trade The Atlantic slave trade and slavery in the Americas represented
阅读全文
摘要：示例 3 : 键盘 keydown 表示按下键盘keypress 表示按住键盘keyup 表示键盘弹起这三者的区别分别表现在发生的 先后顺序，获取到的键盘按钮值，已经对输入框的文本取值这三方面先后顺序： 按照 keydown keypress keyup 顺序发生键盘按钮值：通过event对象的wh
阅读全文
摘要：示例 1 : 加载 页面加载有两种方式表示1. $(document).ready();2. $(); 这种比较常用图片加载用load()函数 <script src="https://how2j.cn/study/jquery.min.js"></script> <script> $(docume
阅读全文
摘要：示例 1 : 获取 通过attr()获取一个元素的属性 <script src="https://how2j.cn/study/jquery.min.js"></script> <script> $(function(){ $("#b1").click(function(){ alert("alig
阅读全文
摘要：筛选器指的是在已经通过选择器选中了元素后，在此基础上进一步选择。 示例 1 : 第一个 最后一个 第几个 首先通过 $("div") 选择了多个div元素，接下来做进一步的筛选first() 第1个元素last() 最后一个元素eq(num) 第num个元素注: num基0 <script src=
阅读全文
摘要：示例 9 : 表单对象 表单对象选择器 指的是选中form下会出现的输入元素:input 会选择所有的输入元素，不仅仅是input标签开始的那些，还包括textarea,select和button:button 会选择type=button的input元素和button元素:radio 会选择单选框
阅读全文
摘要：示例 8 : 属性 $(selector[attribute]) 满足选择器条件的有某属性的元素$(selector[attribute=value]) 满足选择器条件的属性等于value的元素$(selector[attribute!=value]) 满足选择器条件的属性不等于value的元素$(
阅读全文
摘要：Jquery有多达数十种选择器，本章节把工作中会用到的常用选择器列出来，并逐一解释。 示例 1 : 元素 $("tagName")根据 标签名 选择所有该标签的元素 <script src="https://how2j.cn/study/jquery.min.js"></script> <scrip
阅读全文
摘要：示例 1 : 增加class 通过addClass() 增加一个样式中的class <script src="https://how2j.cn/study/jquery.min.js"></script> <script> $(function(){ $("#b1").click(function(
阅读全文
摘要：示例 1 : 取值 通过JQuery对象的val()方法获取值相当于 document.getElementById("input1").value; <script src="https://how2j.cn/study/jquery.min.js"></script> <script> $(fu
阅读全文
摘要：JQuery是一个javascript的框架，是对javascript的一种封装。通过JQuery可以非常方便的操作html的元素本例通过JQuery 实现 "隐藏与显示"，并分步讲解每一个步骤的意思 示例 1 : 使用JQuery进行隐藏和显示 <script src="https://how2j
阅读全文
浙公网安备 33010602011771号