jQuery
jQuery相关内容
叱咤少帅(少帅)
技术成就梦想
展开
-
jQuery项目开发记录
(1)表格绘制<!doctype html><html><head><meta charset="utf-8"><title>使用jQuery的表格插件绘制表格</title><script src="http://www.jq22.com/jquery/jquery-1.10.2.js"></script><script src="Table.js"></script>原创 2021-03-16 14:39:43 · 307 阅读 · 8 评论 -
textarea 模拟代码提示实现
前言我们想通过js 模拟在线代码提示,比如数据库的表的提示以及数据库表结构的提示等。代码实现index.html 内容如下:<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <..原创 2021-03-06 20:41:19 · 771 阅读 · 0 评论 -
jQuery监听事件、树状结构以及$this
监听键盘按下事件(1)举例<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>Document</title> <script crossorigin="原创 2021-03-05 11:34:43 · 350 阅读 · 0 评论 -
JQuery 插件和各版本下载地址
(1)jQueryAutocomplete有时候我们想写在线的web sql,比如输入开头几个,默认就可以自动补全。代码示例如下:官方文档:https://jqueryui.com/autocomplete/<!doctype html><html><head> <meta charset="utf-8"> <title>jQuery UI Autocomplete - Default functionality<..原创 2021-01-15 11:08:26 · 1351 阅读 · 0 评论 -
Bootstrap 笔记(每天记录一点点)
背景Bootstrap 是基于 jQuery的,所以写在 jQuery 的栏目下。文档官方文档:https://v3.bootcss.com/参考文档:https://www.runoob.com/bootstrap/bootstrap-tutorial.html原创 2020-10-27 17:01:54 · 256 阅读 · 0 评论 -
jQuery 之 AJAX(每天记录一点点)
(1)load() 方法load() 方法从服务器加载数据,并把返回的数据放入被选元素中。$(selector).load(URL,data,callback);<script>$(document).ready(function(){ $("button").click(function(){ $("#div1").load("/try/ajax/demo_test.txt"); });});</script><body><.原创 2020-10-19 11:15:11 · 242 阅读 · 0 评论 -
jQuery 之遍历和事件机制(每天记录一点点)
(1)后代,向下遍历 DOM 树后代是子、孙、曾孙等等。通过 jQuery,您能够向下遍历 DOM 树,以查找元素的后代。下面是两个用于向下遍历 DOM 树的 jQuery 方法:children() find()(2)祖先,向上遍历 DOM 树这些 jQuery 方法很有用,它们用于向上遍历 DOM 树:parent() parents() parentsUntil()(3)同胞(siblings)同胞拥有相同的父元素,在 DOM 树中水平遍历。有如下方法:sibl.原创 2020-10-19 11:09:37 · 546 阅读 · 0 评论 -
jQuery 之 DOM 操作(每天记录一点点)
(1)获取HTML元素信息三个简单实用的用于 DOM 操作的 jQuery 方法:text() - 设置或返回所选元素的文本内容 html() - 设置或返回所选元素的内容(包括 HTML 标记) val() - 设置或返回表单字段的值<script>$(document).ready(function(){ $("#btn1").click(function(){ alert("Text: " + $("#test").text()); }); $("#b原创 2020-10-19 10:40:34 · 193 阅读 · 0 评论 -
jQuery 动画(每天记录一点点)
(1)隐藏和显示$("#hide").click(function(){ $("p").hide();}); $("#show").click(function(){ $("p").show();});语法:$(selector).hide(speed,callback);$(selector).show(speed,callback);可选的 speed 参数规定隐藏/显示的速度,可以取以下值:"slow"、"fast" 或毫秒。可选的 callback 参数是原创 2020-10-18 11:18:25 · 185 阅读 · 0 评论 -
jQuery 基础(每天记录一点点)
(1)获取JQ的版本我们可以在浏览器的 Console 窗口中使用$.fn.jquery命令查看当前 jQuery 使用的版本:$.fn.jquery原创 2020-10-16 15:16:01 · 206 阅读 · 1 评论