![](https://img-blog.csdnimg.cn/20201014180756928.png?x-oss-process=image/resize,m_fixed,h_224,w_224)
JavaScript/jQuery
文章平均质量分 69
JavaScript/jQuery
暗恋花香
这个作者很懒,什么都没留下…
展开
-
JQuery实现轮播图
index.html<!DOCTYPE html><html><head lang="en"> <meta charset="UTF-8"> <title> 广告图片轮播切换</title> <link rel="stylesheet" href="css/style.css">...原创 2019-10-10 21:57:01 · 868 阅读 · 0 评论 -
JQuery 选择器使用详解
文章目录1. 基本选择器2. 层级选择器3. 属性选择器4. 基本过滤器5. 内容过滤器6. 表单过滤器:7. 表单对象属性过滤器8. jQuery 元素筛选选择器:筛选具有相似特征的元素(标签)1. 基本选择器1. 标签选择器(元素选择器) 语法: $("html标签名") 获得所有匹配标签名称的元素 案例: $("div") 选择元素名为<div>的所有元素2. id选择器 语法: $("#id的属性值") 获得与指定id属性值匹配的元素 案例: $("#one") 选原创 2021-11-05 23:45:22 · 2542 阅读 · 1 评论 -
JQuery实现轮播图方法(1)
html<!DOCTYPE html><html><head lang="en"> <meta charset="UTF-8"> <title> 广告图片轮播切换</title> <link rel="stylesheet" href="css/style.css"></h...原创 2019-10-10 22:04:28 · 561 阅读 · 0 评论 -
JQuery信息提示框插件 jquery.toast.js 的使用
1.下载https://github.com/kamranahmedse/jquery-toast-plugin在线预览地址2.导入在页面中引入jquery.toast.css文件,jquery和jquery.toast.js文件。<link type="text/css" rel="stylesheet" href="css/jquery.toast.css">...原创 2019-08-18 11:50:38 · 11730 阅读 · 1 评论 -
jquery-confirm 消息弹出框插件的使用
1.下载官方地址及插件下载2.引入 <link href="https://cdn.bootcss.com/jquery-confirm/3.3.4/jquery-confirm.min.css" rel="stylesheet"> <link href="https://cdn.bootcss.com/font-awesome/4.7.0/css/font...原创 2019-08-22 11:27:32 · 1529 阅读 · 0 评论 -
js省市二级联动
<!doctype html><html lang="en"><head> <meta charset="UTF-8"> <title>js省市二级联动</title></head><body> <div style="text-align: center"&...原创 2020-01-01 19:44:37 · 379 阅读 · 0 评论 -
JS/JQuery获取当前元素的上一个/下一个兄弟级元素等元素的方法
jQuery获取:jQuery.parent(expr),找父亲节点,可以传入expr进行过滤,比如$("span").parent()或者$("span").parent(".class")jQuery.parents(expr),类似于jQuery.parents(expr),但是是查找所有祖先元素,不限于父元素jQuery.children(expr),返回所有子节点,这个方法只...转载 2019-10-21 09:37:39 · 859 阅读 · 0 评论 -
JQuery操作节点的常用方法
获取节点名字使用jQuery的prop()方法<input id="test" type="text" name="xxx" value="xxx">$("#test").prop("tagName")使用DOM 元素的 tagName 属性。要将jQuery对象转换成dom对象(document object model:文档对象模型)<input id="...原创 2019-10-21 09:27:35 · 514 阅读 · 0 评论 -
jquery.cookie.js的介绍与使用方法
jquery.cookie.js 是一个轻量级的cookie 插件,可以读取、写入、删除 cookie。使用方法<script type="text/javascript" src="js/jquery.min.js"></script><script type="text/javascript" src="js/jquery.cookie.js"><...原创 2019-09-24 11:39:45 · 878 阅读 · 0 评论 -
$.extend()方法和(function($){...})(jQuery)详解
https://blog.csdn.net/xuemoyao/article/details/19021659(原文) 2014-02-09前言: ...转载 2019-08-04 22:27:10 · 154 阅读 · 0 评论 -
原生js制作课工场论坛发贴
bbsList.html<!DOCTYPE html><html><head lang="en"> <meta charset="UTF-8"> <title>课工场论坛列表</title> <link href="css/bbs.css" rel="stylesheet">&l...原创 2019-10-09 19:36:59 · 12401 阅读 · 2 评论 -
原生js实现购物车
html<!DOCTYPE html><html><head lang="en"> <meta charset="UTF-8"> <title>完善当当购物车页面</title> <link type="text/css" rel="stylesheet" href="css/cartS...原创 2019-10-08 17:41:42 · 664 阅读 · 0 评论 -
通过原生js对DOM事件的绑定的几种方式总汇
在网页开发中经常会有交互操作,比如点击一个dom元素,需要让js对该操作做出相应的响应,这就需要对Dom元素进行事件绑定来进行处理,js通常有三种常用的方法进行事件绑定:在DOM元素中直接绑定;在JavaScript代码中绑定;绑定事件监听函数。直接在DOM元素绑定事件<div id="btn" onclick="clickone()"></div> //直接在D...转载 2019-09-29 10:27:45 · 744 阅读 · 0 评论 -
js检索字符串,判断是否包含某个字符串
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <meta http-equiv="X-...原创 2019-09-28 11:18:29 · 568 阅读 · 0 评论 -
正则表达式的规则解释
A:字符 x 字符 x。举例:'a'表示字符a \\ 反斜线字符。 \n 新行(换行)符 ('\u000A') \r 回车符 ('\u000D') B:字符类 [abc] a、b 或 c(简单类) [^abc] 任何字符,除了 a、b 或 c(否定) [a-zA-Z] a到 z 或 A到 Z,两头的字母包括在内(范围)...原创 2019-09-11 15:16:23 · 347 阅读 · 0 评论 -
js验证表单输入的手机号,邮箱等
var userEmail = $.trim($('#userEmail').val()); //获取用户输入的邮箱值 var emailReg = /^[\w-]+(\.[\w-]+)*@[\w-]+(\.[\w-]+)+$/; //定义邮箱的正则表达式 if (!emailReg.test(userEmail)) { ...原创 2019-09-11 15:07:38 · 5070 阅读 · 0 评论 -
clipboard.js 实现复制文本到剪贴板功能,JS复制文本到粘贴板
使用开源项目 clipboard.js官网:https://clipboardjs.com使用方法:1.在页面引入clipboard.js 和 jquery.min.js<script src="js/jquery.min.js"></script><script type="text/javascript" src="js/clipboard.m...原创 2019-08-15 10:05:07 · 360 阅读 · 0 评论