经验首页 前端设计 程序设计 Java相关 移动开发 数据库/运维 软件/图像 大数据/云计算 其他经验
 jQuery

JQuery介绍

一、简介:  JQuery是一个JS代码仓库,是一个快速度的简介的JS库,可以简化查询DOM对象,处理时间,制作动画,处理Ajax交互过程。 二、优势: 1、体积小,使用灵巧(只需引入一个JS文件); 2、方便的选择页面元素(模仿CSS选择器更精确、灵活); 3、动态...[2019/5/16]

jquery获取元素的display属性是不是none?

jquery获取元素的display属性是不是none?

1.代码: $(".max_find_wl_info").click(function(){ if($(''.max_wuliu'').c (''display'') === ''none''){ $(''.max_wuliu'').c ({'...[2019/5/15]

获取ul li的value的值

获取ul li的value的值

<script> $(function(){ $(".month-list").find("li").click(function(){ var text = $(this).te...[2019/5/15]

jquery实现二级导航下拉菜单效果实例

大家都知道jQuery是一个框架,它对JS进行了封装,使其更方便使用。前面两篇博文分别是用CSS样式和JS实现的,那么这篇就用jQuery来实现二级下拉式菜单。 使用JQuery实现需要用到的知识有: 1)使用$(function(){...})获取到想要作用的HTML元素。 ...[2019/5/15]

jquery+css实现Tab栏切换的代码实例

前几天面试碰到现场给写一个Tab栏切换的功能,思想基本上懂,但是好久没写过,一时要全部实现效果还真有点难。回来后,再把思路理一理,写一个,基础还是很重要的。 最终要实现的效果图如下: (1)点击tab栏显示对应的内容,并且tab栏样式变化。实现方式:一般tab栏如果要做成比较好看的样...[2019/5/15]

JQuery样式操作、click事件以及索引值-选项卡应用示例

JQuery样式操作、click事件以及索引值-选项卡应用示例

本文实例讲述了JQuery样式操作、click事件以及索引值-选项卡应用。分享给大家供大家参考,具体如下: JQuery的c 函数既能读属性值,也能写属性值: <!DOCTYPE html> <html lang="en"> <head> ...[2019/5/14]

jquery实现选项卡切换代码实例

选项卡在网页中很常见,可以说是必备的一个元素了,网上其实也有很多案例讲解选项卡的做法,各种炫酷。 写这篇文章,就是记录下自己的一个练手Demo了。 两张简陋的图。 主要逻辑就在于找到选项卡和内容框相对应的下标。 <html> <head>...[2019/5/14]

3.省市区,三级联动(优化版)

1 <body onload="change()"> 2 <form> 3 <select onchange="sel_one()"> 4 < elect> 5 ...[2019/5/14]

jQuery源码逐行分析学习01(jQuery的框架结构简化) - learning-python

最近在学习jQuery源码,在此,特别做一个分享,把所涉及的内容都记录下来,其中有不妥之处还望大家指出,我会及时改正。望各位大神不吝赐教!同时,这也是我的第一篇前端技术博客,对博客编写还不是很熟悉,美化工作可能不够到位,也希望大家多多见谅! 首先这篇文章要给大家分享的是:jQuery的框架结构...[2019/5/14]

6.放大镜效果

一、html,c 部分 二、js部分 三、源代码部分 1 <head> 2 <meta charset="UTF-8"> 3 <meta name="viewport" content="width=device-wid...[2019/5/14]

JQuery的加载和选择器用法简单示例

本文实例讲述了JQuery的加载和选择器用法。分享给大家供大家参考,具体如下: JQuery加载 一般开发中不用原生的JavaScript而是用JQuery,开发效率比较高。 下面程序是原生和JQuery库的比较程序 <!DOCTYPE html> <h...[2019/5/14]

JQuery特殊效果和链式调用操作示例

本文实例讲述了JQuery特殊效果和链式调用操作。分享给大家供大家参考,具体如下: JQuery的特殊效果 fadeOut()淡入 fadeToggle()切换淡入淡出 hide() 隐藏元素 show() 现实元素 toggle() 切换元素的可见状态 slideDown(...[2019/5/14]

使用jQuery如何写一个含验证码的登录界面

一个包含用户名,密码,验证码的简单的登陆界面,如下图所示: 首先是 HTML 代码: <div id="divID"> <div style="background-color:transparent;"> <form id="ff" ...[2019/5/14]

js常用设计模式

1.模块模式: 在立即执行函数表达式中定义的变量和方法在外界是访问不到的,只能通过其向外部提供的接口,"有限制"地访问.通过函数作用域解决了属性和方法的封装问题. 1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 ...[2019/5/13]

JQuery 实现多个checkbox 只选中一个

<!DOCTYPE HTML> <html> <head> <meta http-equiv="Content-Type" content="text/html; charset=UTF-8" /> <meta name = "vi...[2019/5/13]

两种方法使vue实现jQuery调用

引言 如果说vue是前端工程化使用较多的骨架,那么JavaScript就是我们的前端的细胞。MVVM模式让我们体验到前端开发的便携,无需再过多的考虑DOM的操作。而vue的渐进式开发(逐步引用组件,按需引入),也让许多新手前端开发人员逐步绕过对jQuery的学习。jQuery需要记忆的内容颇多,这...[2019/5/13]

Easyui 去除jquery-easui tab页div自带滚动条的方法

测试环境 jquery-easyui-1.5.3 需求场景 打开tab页面时,自动载入一个iframe页面,除了iframe页面本身会出现一个滚动条,tab标签页也出现一个滚动条,如下图所示,需求就是去掉tab页面的滚动条 解决方法 通过观察html页面结构,发现这个滚动...[2019/5/10]

顺丰原生地址库封装

<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8" /> <title>demo</title> <scrip...[2019/5/10]

Easyui 去除jquery-easui tab页div自带滚动条

Easyui 去除jquery-easui tab页div自带滚动条

去除jquery-easui tab页div自带滚动条 by:授客 QQ:1033553122   测试环境 jquery-easyui-1.5.3   需求场景 打开tab页面时,自动载入一个iframe页面,除了iframe页面本身会出现一个滚动...[2019/5/10]

html提示信息框淡入淡出效果(自己的思路,如果有更好的思路,请留言) - M-枫叶

使用方法: 调用initMe agebox(“要显示的文字”)方法即可 <!--信息框--> <div id="me agebox"></div> <!--Load Jquery--> <scr...[2019/5/10]

2019-5-7 网站变灰的代码

html {filter: grayscale(100%);-webkit-filter: grayscale(100%);-moz-filter: grayscale(100%);-ms-filter: grayscale(100%);-o-filter: grayscale(100%);fil...[2019/5/8]

Jquery学习笔记,全面实用,需要的可以留下邮箱,给大家发原稿文档

Jquery学习笔记,全面实用,需要的可以留下邮箱,给大家发原稿文档

JQuery   第一章:Jquery概念介绍 1.1 Jquery介绍 (1)并不是一门新语言。将常用的、复杂的操作进行函数化封装,直接调用,大大降低了使用JavaScript的难度,改变了使用JavaScript的习惯。 (2)常用插件网站:www.jq22.com (3)...[2019/5/8]

jquery注册页面表单校验的程序

<!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title>英雄联盟成员注册</title> &...[2019/5/8]

jqGrid TreeGrid 加载数据 排序 扩展

发现 jqGrid TreeGrid 加载的数据必须要排序 给了两种平滑数据模式尽然不内部递归 所以改了下源码加了个数据二次过滤器扩展   数据本该是这样的 结果没排序成这样了 (而且还得是从根节点到子节点整体排序)   1....[2019/5/8]

jquery中attr和prop的区别

jquery中attr和prop的区别   在高版本的jquery引入prop方法后,什么时候该用prop?什么时候用attr?它们两个之间有什么区别?这些问题就出现了。 关于它们两个的区别,网上的答案很多。这里谈谈我的心得,我的心得很简单: 对于HTML元素本身就...[2019/5/7]

pgwSlideshow.js

<!DOCTYPE html> <html> <head id="Head"> <meta http-equiv="Content-Type" content="text/html; charset=UTF-8" /> &...[2019/5/7]

正则表达式

1. 要求输入框里面必须同时含有字母,数字,特殊字符,且不小于8位 'pattern' => '/^(?![^a-zA-Z]+$)(?!\D+$)(?![a-zA-Z0-9]+$).{8,}$/' 2. 保留两位小数点 1.这是input框里 @on-blu...[2019/5/6]

jQuery第3天

复习 如何区别 JS DOM对象和 JQ 包装对象? JQ对象其实是经过包装的DOM对象,包装后可调用 JQ 的方法。 JS 对象基本上都是属性为主,JQ基本上都方法为主。 可通过 console.dir() 在控制台输出对象的所有属性和方法区别。 JQ 对象输出   ...[2019/5/6]

jquery toggleclass方法

给元素更改样式,一般使用 addCla () 和removeCla ()  jquery官方文档 对 addCla 的介绍: Adds the specified cla (es) to each element in the set of matched elements....[2019/5/5]

JQuery --- 第五期 (JQuery节点操作)

学习笔记 1.JQuery添加节点相关方法 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>JQuery添加节...[2019/5/5]

网页下拉一屏后显示返回顶部按钮

按钮样式:   需要加载jq   <script> (function(a){a.fn.scrollToTop=function(c){var d={speed:800};c&&a.extend(d,{speed:c});r...[2019/5/5]

Ajax跨域问题及解决方案

目录 复现Ajax跨域问题 Ajax跨域介绍 Ajax跨域解决方案 一. 在服务端添加响应头Acce -Control-Allow-Origin 二. 使用JSONP解决 ...[2019/5/5]

jq + 面向对象实现拼图游戏

jq + 面向对象实现拼图游戏 知识点 拖拽事件 es6面向对象 jquery事件 效果图 html: <div cla ="wraper"> <div cla ="btn"> &...[2019/5/5]

jQuery实现条件搜索查询、实时取值及升降序排序的方法分析

jQuery实现条件搜索查询、实时取值及升降序排序的方法分析

本文实例讲述了jQuery实现条件搜索查询、实时取值及升降序排序的方法。分享给大家供大家参考,具体如下: 一。鼠标点击获取搜索条件中的被选中的值 创建方法  getAttrValue() 方法,每次的 .click 都要调用  function  getAtt...[2019/5/5]

jQuery动态生成的元素绑定事件操作实例分析

jQuery动态生成的元素绑定事件操作实例分析

本文实例讲述了jQuery动态生成的元素绑定事件操作。分享给大家供大家参考,具体如下: 这段时间在写代码的时候遇到一个问题,通过append()添加的节点,点击事件不起作用。当时我百思不得其解,各种找错都没找到错误的原因。后来才发现是动态生成节点的问题,还是自己没有经验啊。 下面来总结一下...[2019/5/5]

JS,JQ 格式化小数位数

在<script>中: $(function(){   var num=$(".price").length;/*获取应用了cla ="price"的标签数量*/   for(var i=0;i<num;i++){     if($(".price")[i].in...[2019/4/30]

JQuery下载及选择器总结

JQuery下载 JQuery只是一个JS函数库,要使用其中的方法还是要在JS文件中进行调用。 一般去https: mvnrepository.com/这个网站下载,搜索JQuery就能找到JS文件下载。 下载完成后通过script src="JQuery.js文件路径",进行...[2019/4/30]

jQuery --- 第四期 (jQuery动效)

学习笔记 1.jQuery动画的淡入淡出 <!doctype html> <html> <head> <meta charset="utf-8"> <title>jQuery动画的淡入淡出</title> ...[2019/4/29]

【工作查漏补缺】jQuery ajax - serializeArray()

方法用途: 获取表单内的所有有name的所有数据框,在非表单提交需要挨个遍历组装数据的情况下很好用 ps:需要jQuery支持 var twoform = $("#editProductActivityForm").serializeArray();( id为表单id) va...[2019/4/29]

jquery方法简单记录

jquery方法简单记录

  append() - 在被选元素的结尾插入内容 prepend() - 在被选元素的开头插入内容 after() - 在被选元素之后插入内容 before() - 在被选元素之前插入内容 first(), last() 和 eq()寻找第一最后一个及任意位置eq(n);...[2019/4/28]

jquery实现照片墙

jquery照片墙 由15张图片构成,大致思路:随机生成所有图片-->点击其中一张变为一张大图-->点击大图又变回多张 主要用到jquery实现 先来看看效果 html: <div cla ="wraper"> <ul...[2019/4/28]

Easyui 关闭jquery-easui tab标签页前触发事件

Easyui 关闭jquery-easui tab标签页前触发事件

关闭jquery-easui tab标签页前触发事件 by:授客 QQ:1033553122   测试环境 jquery-easyui-1.5.3   需求场景 点击父页面tab 页关闭按钮时,需要做判断,判断该tab页面是否可以关闭:获取子页面js...[2019/4/28]

HTML5 Video player jQuery plugin

<!DOCTYPE html> <html lang="en" > <head> <meta charset="utf-8" /> <title>HTML5 Video player j...[2019/4/26]

Ajax同步和异步的区别

Ajax同步和异步的区别

ajax数据的提交方式有2种 一种是同步一种是异步的 。同步的意思就是说 当你进行页面提交时,进行了一次页面的重新加载,和服务器进行了交互, 这段期间,你不能进行其它操作,只能进行等待服务器的响应。而异步就是讲 你向服务器进行了请求, 异步处理避免了服务器检索时候的延时问题,因为你可以继续在页面进...[2019/4/26]

jQuery(九)、ajax对象操作

1 数组和对象操作   1、jQuery.extend([deep,] target, object1, [objectN])   用一个或多个其他对象来扩展一个对象,返回被扩展的对象。   如果不指定target,则给jQuery命名空间本身进行扩展。这有助于插件作者为jQuery增...[2019/4/26]

JQuery --- 第三期 (jQuery事件相关)

个人学习笔记 1.JQuery事件绑定 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>JQuery事件绑定&...[2019/4/25]

No Transport ,Network中看不到ajax请求

  今天在调试一个后台的接口的时候,突然发现在network中找不到我发送的请求,也就是说,ajax没有在浏览器的network中没有显示。。。。。第一次遇见这样的情况,很苦恼,然后使用ajax中的error函数,看到了下面的打印数据。 然后继续网上百度“No Transpo...[2019/4/24]

jQuery杂谈一

1.jQuery对象 jQuery包装集对象 获得mydiv的Jquery对象: var divJquery = $("#mydiv"); 2.基础选择器 1、ID选择器格式:$("#id属性值") 获取指定id值的对象(只会获取到第一个id的值)2、类选择器格式...[2019/4/24]

jQuery对底部导航进行跳转并高亮显示的实例代码

这两天弄一个mui的底部菜单,有点费时了,尝试了用vue写,纯js写,还有根据mui的写,还是有些问题和麻烦。直到看了网上的一些例子,才想明白,之前一直是一种点击触发事件才高亮的思维去做,这个虽然可以了,但是页面跳转了就又都没了。网上看明白的例子是:让当前页面地址与导航里的地址做对比,相同就高亮,...[2019/4/23]

jQuery基础系列

$(document).ready(function(){ $("p").click(function(){ $(this).hide(); }); }); jQuery 入口函数: $(document).ready(function(){ ...[2019/4/23]

103
2
记录数:393 页数:1/812345678下一页尾页
加载更多