JQuery(更新完)
文章平均质量分 55
魏宇轩
魏宇轩
时光会把你雕刻成你应有的样子。
展开
-
JQuery(26)_JQuery 的动画效果
本系列博客汇总在这里:JQuery 汇总JQuery 的动画效果演示演示<%@ page language="java" contentType="text/html; charset=UTF-8" pageEncoding="UTF-8"%><%@ taglib uri="http://java.sun.com/jsp/jstl/core" prefix="c" %&...原创 2019-12-14 10:09:02 · 269 阅读 · 0 评论 -
JQuery(25)_JQuery 的 Ajax 练习
本系列博客汇总在这里:JQuery 汇总JQuery 的 Ajax题目要求一、前端页面二、后台 servlet三、web.xml 配置文件四、效果演示题目要求可以不使用数据库,使用 Jquery Ajax 模拟用户名校验,可使用的 JSON 工具包。一、前端页面<%@ page language="java" contentType="text/html; charset=UTF...原创 2019-12-14 10:01:04 · 446 阅读 · 0 评论 -
JQuery(24)_JQuery 的 Ajax
本系列博客汇总在这里:JQuery 汇总JQuery 的 Ajax一、说明一、说明原创 2019-12-14 09:37:02 · 1074 阅读 · 0 评论 -
JQuery(23)_JQuery 事件
本系列博客汇总在这里:JQuery 汇总JQuery 事件一、说明二、代码演示一、说明提供可以绑定的事件有(加粗的为重点)blur, focus, focusin, focusout, load, resize, scroll, unload, click, dblclick, mousedown, mouseup, mousemove, mouseover, mouseout, mo...原创 2019-12-13 11:53:15 · 312 阅读 · 0 评论 -
JQuery(22)_JQuery 常用的遍历节点方法
本系列博客汇总在这里:JQuery 汇总JQuery 常用的遍历节点方法一、常用的遍历节点方法1、children()2、next()3、prev()4、siblings()二、代码演示一、常用的遍历节点方法1、children()取得匹配元素的所有子元素组成的集合,该方法只考虑子元素而不考虑任何后代元素。2、next()取得匹配元素后面紧邻的同辈元素的集合。3、prev()取得...原创 2019-12-13 11:26:25 · 1477 阅读 · 0 评论 -
JQuery(21)_JQuery 写 Tab 页练习
本系列博客汇总在这里:JQuery 汇总JQuery 写 Tab 页练习一、说明二、代码演示一、说明标签页功能是一个比较常用的功能。虽然很多前端框架、插件都带有若干种标签页的功能实现,我依然觉得掌握其基本实现会更有利于我们对这个功能的理解,我们也可以更容易地根据实际情况进行修改。二、代码演示<%@ page language="java" contentType="text/ht...原创 2019-12-13 11:16:00 · 317 阅读 · 0 评论 -
JQuery(20)_JQuery 样式操作练习
本系列博客汇总在这里:JQuery 汇总JQuery 样式操作练习一、题目要求二、代码实现一、题目要求二、代码实现<%@ page language="java" contentType="text/html; charset=UTF-8" pageEncoding="UTF-8"%><%@ taglib uri="http://java.sun.com/jsp/j...原创 2019-12-13 11:07:28 · 359 阅读 · 0 评论 -
JQuery(19)_JQuery 样式操作
本系列博客汇总在这里:JQuery 汇总JQuery 样式操作一、说明1、addClass()2、removeClass()3、toggleClass()4、hasClass()二、代码演示一、说明获取 class 和设置 class:class 是元素的一个属性,所以获取 class 和设置 class 都可以使用 attr() 方法来完成。1、addClass()追加样式。2、r...原创 2019-12-13 10:57:28 · 373 阅读 · 0 评论 -
JQuery(18)_JQuery 节点的 HTML 和值的管理
本系列博客汇总在这里:JQuery 汇总JQuery 节点的 HTML一、说明二、代码演示一、说明jQuery 中有很多方法都是一个函数实现获取和设置。如:attr(),html(),text(),val(),height(),width(),css() 等。二、代码演示<%@ page language="java" contentType="text/html; charse...原创 2019-12-13 10:50:59 · 286 阅读 · 0 评论 -
JQuery(17)_JQuery 属性操作
本系列博客汇总在这里:JQuery 汇总JQuery 属性操作一、属性操作1、attr()2、removeAttr()二、代码演示一、属性操作1、attr()获取属性和设置属性。当为该方法传递一个参数时,即为某元素的获取指定属性;当为该方法传递两个参数时,即为某元素设置指定属性的值。jQuery 中有很多方法都是一个函数实现获取和设置。如:attr(),html(),text(),val...原创 2019-12-13 10:38:31 · 306 阅读 · 0 评论 -
JQuery(16)_JQuery 中的 DOM 操作之节点克隆
本系列博客汇总在这里:JQuery 汇总JQuery 中的 DOM 操作之节点克隆一、复制节点1、clone()2、clone(true)二、代码演示一、复制节点1、clone()克隆匹配的 DOM 元素,返回值为克隆后的副本。但此时复制的新节点不具有任何行为。2、clone(true)复制元素的同时也复制元素中的的事件。二、代码演示<%@ page language="j...原创 2019-12-13 10:29:14 · 582 阅读 · 0 评论 -
JQuery(15)_JQuery 中的 DOM 操作之节点操作练习
本系列博客汇总在这里:JQuery 汇总JQuery 中的 DOM 操作之创建节点一、题目要求二、代码演示一、题目要求实现添加一条数据到表格(添加一行),删除一行,批量删除行。二、代码演示<%@ page language="java" contentType="text/html; charset=UTF-8" pageEncoding="UTF-8"%><%@ ...原创 2019-12-13 10:19:59 · 467 阅读 · 0 评论 -
JQuery(14)_JQuery 中的 DOM 操作之删除节点
本系列博客汇总在这里:JQuery 汇总JQuery 中的 DOM 操作之删除节点一、删除节点1、remove()2、empty()二、代码演示一、删除节点1、remove()从 DOM 中删除所有匹配的元素,传入的参数用于根据 jQuery 表达式来筛选元素。当某个节点用 remove() 方法删除后,该节点所包含的所有后代节点将被同时删除。这个方法的返回值是一个指向已被删除的节点的引...原创 2019-12-13 10:10:24 · 433 阅读 · 0 评论 -
JQuery(13)_JQuery 中的 DOM 操作之创建节点
本系列博客汇总在这里:JQuery 汇总JQuery 中的 DOM 操作之创建节点说明说明创建节点:使用 jQuery 的工厂函数 $():$(html); 会根据传入的 html 标记字符串创建一个 DOM 对象,并把这个 DOM 对象包装成一个 jQuery 对象返回。注意:动态创建的新元素节点不会被自动添加到文档中,而是需要使用其他方法将其插入到文档中。当创建单个...原创 2019-12-13 10:02:10 · 294 阅读 · 0 评论 -
JQuery(12)_JQuery 中的 DOM 操作之外部插入节点
本系列博客汇总在这里:JQuery 汇总JQuery 中的 DOM 操作之外部插入节点一、外部插入节点1、after(content)2、before(content)二、代码演示一、外部插入节点1、after(content)在每个匹配的元素之后插入内容。2、before(content)在每个匹配的元素之前插入内容。以上方法不但能将新创建的 DOM 元素插入到文档中,也能对原有...原创 2019-12-13 09:58:00 · 375 阅读 · 0 评论 -
JQuery(11)_JQuery 中的 DOM 操作练习
本系列博客汇总在这里:JQuery 汇总JQuery 中的 DOM 操作练习一、题目要求二、实现代码三、实现效果一、题目要求二、实现代码<%@ page language="java" contentType="text/html; charset=UTF-8" pageEncoding="UTF-8"%><%@ taglib uri="http://java.s...原创 2019-12-13 09:44:40 · 637 阅读 · 0 评论 -
JQuery(10)_JQuery 中的 DOM 操作
本系列博客汇总在这里:JQuery 汇总JQuery 中的 DOM 操作一、说明二、JQuery 中的 DOM 操作1、append(content)2、appendTo(content)3、prepend(content)4、prependTo(content)三、代码演示一、说明DOM(Document Object Model—文档对象模型):一种与浏览器,平台,语言无关的接口,使用...原创 2019-12-13 09:33:19 · 348 阅读 · 0 评论 -
JQuery(9)_Jquery 选择器练习
本系列博客汇总在这里:JQuery 汇总练习1、给网页中所有的 元素添加 onclick 事件。2、使一个特定的表格隔行变色。3、对多选框进行操作,输出选中的多选框的个数。1、给网页中所有的 元素添加 onclick 事件。2、使一个特定的表格隔行变色。3、对多选框进行操作,输出选中的多选框的个数。...原创 2019-12-13 09:20:29 · 825 阅读 · 0 评论 -
JQuery(8)_Jquery 表单选择器
本系列博客汇总在这里:JQuery 汇总Jquery 表单选择器表单选择器1、:input2、:text3、:password4、:radio5、:checkbox6、:submit7、:image8、:reset9、:button10、:file11、:hidden表单选择器1、:input用法: $(”:input”);返回值:集合元素。说明:匹配所有 input, textar...原创 2019-12-13 09:07:13 · 430 阅读 · 0 评论 -
JQuery(7)_Jquery 子元素选择器
本系列博客汇总在这里:JQuery 汇总Jquery 子元素选择器一、子元素选择器1、:nth-child(index/even/odd/equation)2、:first-child3、:last-child4、: only-child二、代码演示一、子元素选择器1、:nth-child(index/even/odd/equation)用法: $(”ul li:nth-child(2)...原创 2019-12-13 08:57:47 · 2687 阅读 · 0 评论 -
JQuery(6)_Jquery 属性选择器
本系列博客汇总在这里:JQuery 汇总Jquery 属性选择器一、说明二、属性选择器1、[attribute]2、[attribute=value]3、[attribute!=value]4、[attribute^=value]5、[attribute$=value]6、[attribute*=value]7、[attributeFilter1][attributeFilter2][attri...原创 2019-12-13 08:47:59 · 296 阅读 · 0 评论 -
JQuery(5)_Jquery 过滤选择器
本系列博客汇总在这里:JQuery 汇总Jquery 过滤选择器一、说明二、基本过滤选择器1、:first2、:last3、:not(selector)4、:even5、: odd6、:eq(index)7、:gt(index)8、:lt(index)9、:header(固定写法)10、:animated(固定写法)二、代码演示一、说明过滤选择器主要是通过特定的过滤规则来筛选出所需的 DO...原创 2019-12-06 06:33:49 · 416 阅读 · 0 评论 -
JQuery(4)_Jquery 层次选择器
本系列博客汇总在这里:JQuery 汇总Jquery 层次选择器一、说明二、层次选择器1 、ancestor descendant2、parent > child3、prev + next4、prev ~ siblings三、代码演示一、说明如果想通过 DOM 元素之间的层次关系来获取特定元素,例如后代元素,子元素,相邻元素,兄弟元素等,则需要使用层次选择器.。二、层次选择器1 ...原创 2019-12-06 05:53:02 · 382 阅读 · 0 评论 -
JQuery(3)_Jquery 基本选择器
本系列博客汇总在这里:JQuery 汇总Jquery 基本选择器一、说明二、基本选择器1、#id2、Element3、class4、*5、selector1, selector2, selectorN6、代码演示一、说明选择器是 jQuery 的根基, 在 jQuery 中, 对事件处理, 遍历 DOM 和 Ajax 操作都依赖于选择器 jQuery 选择器的优点是写法简洁。$(“#i...原创 2019-12-06 05:23:55 · 361 阅读 · 0 评论 -
JQuery(2)_Jquery 对象
本系列博客汇总在这里:JQuery 汇总Jquery 对象一、什么是 jQuery 对象?1、DOM 对象转成 jQuery 对象一、什么是 jQuery 对象?jQuery 对象就是通过 jQuery 包装 DOM 对象后产生的对象。jQuery 对象是 jQuery 独有的. 如果一个对象是 jQuery 对象, 那么它就可以使用 jQuery 里的方法。虽然 jQuery 对象...原创 2019-12-06 01:05:14 · 418 阅读 · 0 评论 -
JQuery(1)_概述
本系列博客汇总在这里:JQuery 汇总概述一、JQuery 是什么?二、jquery 的引入二、JQuery 第一个例子一、JQuery 是什么?jQuery 由美国人 John Resig 创建,至今已吸引了来自世界各地的众多 javascript 高手加入其团队。其宗旨是——WRITE LESS,DO MORE,写更少的代码,做更多的事情。它是轻量级的 js 库(压缩后只有21...原创 2019-12-03 17:20:38 · 304 阅读 · 0 评论 -
JQuery 汇总
汇总原创 2019-12-03 16:37:13 · 451 阅读 · 0 评论