jQuery(三)之 选择器(基础版)jQuery(三)之 选择器(基础版)
对于jQuery的调用,我们一般都会传入参数
html: <div></div>
js: console.log($('<a />'));
console.log($('div'));
一、前置(D...[2019/9/10]
jQuery 源码解析(七) jQuery对象和DOM对象的互相转换
jQuery对象是一个类数组对象,它保存的是对应的DOM的引用,我们可以直接用[]获取某个索引内的DOM节点,也可以用get方法获取某个索引内的DOM节点,还可以用toArray()方法把jQuery对象一次性转换成一个数组,例如:
<!DOCTYPE html>
<...[2019/9/2]
2019 年了,为什么我还在用 jQuery?
许多人都在提倡: “直接用原生的 JavaScript 就好了,不需要 jQuery 了”。
You might not need jQuery尝试告诉我们,摆脱 jQuery 是一件很容易的事情。但是,它的第一个例子恰恰告诉我们用 jQuery 其实也不错,...[2019/9/2]
01 - jQuery介绍和体验
jQuery介绍
在说jQuery之前,先说一个概念吧,什么是JavaScript框架库,其实就是一个普通的js文件,里面封装了很多函数或者说封装了很多兼容的代码;当然啦,jQuery就是众多库的一员,那么我们为什么要学习jQuery呢,那就讲一下他的特点;
很好的解决了不同浏览器...[2019/9/2]
Vue基础汇总
一.Vue的介绍及安装和导入
二.Vue的使用
三.Vue成员获取
四.Vue中的循环以及修改差值表达式
五.vue中methods,computed,filters,watch的总结
六.Vue中组件
七.Vue中插槽指令
八.Vue部分编译不生效,解决Vue渲染时候会闪一下
原文...[2019/9/2]
javaWeb核心技术第十四篇之easyui
网站是分为网站的前台和网站的后台.
前台--给用户看的 例如:商城
后台--给管理员看的 例如:商城后台 目的:用来添加维护数据
BootStrap:jsp 页面显示,效果好,美观,适合作为用户界面.
Eas...[2019/9/2]
JQuery 获取元素到浏览器可视窗口边缘的距离
获取元素到浏览器可视窗口边缘的距离
by:授客 QQ:1033553122
1. 测试环境
JQuery-3.2.1.min.js
下载地址:
https: gitee.com/ishouke/front_end_plu...[2019/8/30]
Web之-----弹出确认框控件应用
引用文件!--------
<link rel="stylesheet" type="text/c " href="@Url.FrontUrl().ThemeFileUrl("a et plugin jqueryConfirm/c jq22-demo.c ",true)">...[2019/8/30]
身份证号校验---------前端
身份证号码验证规则
输入身份证号码:提交
代码如下:
<!DOCTYPE HTML PUBLIC "- W3C DTD HTML 4.01 Transitional EN""http: www.w3.org/TR/html4/loose.dtd...[2019/8/30]
Droppable(放置组件)
一、cla 加载方式
<div id="pop" cla ="easyui-droppable" style="width: 400px;height: 300px;background-color: powderblue"></div&g...[2019/8/30]
jQuery 源码解析(六) $.each和$.map的区别
$.each主要是用来遍历数组或对象的,例如:
var arr=[11,12,13,14];
$.each(arr,function(element,index){ 遍历arr数组
console.log(element,index) 打印e...[2019/8/30]
JQuery $.ajax(); 异步访问完整参数
$.ajax 完整参数
jquery中的ajax方法参数
url:
要求为String类型的参数,(默认为当前页地址)发送请求的地址。
type:
要求为String类型的参数,请求方式(post或get)默认为get。注意其他http请求方法,例如p...[2019/8/29]
jQuery 源码分析(五) map函数 $.map和$.fn.map函数 详解
$.map() 函数用于使用指定函数处理数组中的每个元素(或对象的每个属性),并将处理结果封装为新的数组返回,该函数有三个参数,如下:
elems Array/Object类型 指定的需要处理的数组或对象。
callback 遍历时执行的回调函数
arg 参...[2019/8/29]
JQ选择图片url转base64编码
HTML
<input type=''file'' cla =''upload-img'' />
JQ
$(''.upload-img'').on(''change'',function(){
var file = this.files[0]...[2019/8/28]
JS、JQ中判断checkbox是否选中
HTML
<input type="checkbox" cla ="checkbox" />
JS
var check = document.getElementsByTagName(''input'')[0];
console.log(chec...[2019/8/28]
jQuery ajax 提交表单图片jQuery ajax 提交表单图片
基于 jQuery
HTML:
<form id="form" enctype="multipart/form-data">
<input type="text" name="name" />
<i...[2019/8/28]
Juqery插件编写 基础说明
<!DOCTYPE html>
<html>
<head>
<meta name="viewport" content="width=device-width" />
<title>Index3&...[2019/8/28]
jQuery 源码分析(四) each函数 $.each和$.fn.each方法 详解
$.each一般用来遍历一个数组或对象,$.fn.each()就是指jQuery实例可以执行的操作(因为$.fn是jQuery对象的原型)
$.each用来遍历一个数组或对象,并依次执行回掉函数,最后返回传递的数组或对象,以支持链式操作,可以传递三个参数,如下:
object ...[2019/8/28]
Node中的Cookie和Session
1、Cookie
HTTP是无状态协议。例:打开一个域名的首页,进而打开该域名的其他页面,服务器无法识别访问者。即同一浏览器访问同一网站,每次访问都没有任何关系。
Cookie的原理是:客户端浏览器在第一次访问服务器后,服务器返回一段json数据进行标识,此后当客户端浏览器再次访问...[2019/8/27]
插入排序--JavaScript描述
记录一个插入排序写法
<script>
var arr = [123,34,23,6,1,4,23,324,65,122];
for (let i =1, j = i ; i < arr.length; j = ++i) {
...[2019/8/27]
jQuery 源码解析(三) pushStack方法 详解
该函数用于创建一个新的jQuery对象,然后将一个DOM元素集合加入到jQuery栈中,最后返回该jQuery对象,有三个参数,如下:
elems Array类型 将要压入 jQuery 栈的数组元素,用于生成一个新的 jQuery 对象
name 可选。 Str...[2019/8/27]
jQuery 源码分析(二) 入口模块jQuery 源码分析(二) 入口模块
jQuery返回的对象本质上是一个JavaScript对象,而入口模块则可以保存对应的节点的引用,然后供其它模块操作
我们创建jQuery对象时可以给jQuery传递各种不同的选择器,如下:
false ;返回一个空jQuery对象
DOM节点 ;返...[2019/8/26]
jQuery 源码分析(一) 代码结构
jQuery是一个Javascript库,它支持链式操作方式,即对发生在同一个JQuery对象上的一组动作,可以直接接连写无需要重复获取对象。这一特点使得JQuery的代码无比优雅,而且有强大的选择器,出色的DOM操作,可靠的事件处理机制,完善的Ajax,关键是有出色的浏览器兼容性,开发...[2019/8/26]
jQuery实现发送验证码30s倒计时,且刷新页面时有效
在这里讲一讲这个案例的实现思路吧(个人见解)。。核心思想:为防止页面刷新时倒计时失效的解决方案是:当每次刷新一次页面时都执行一个函数 即下面讲到的 setStyle() 函数。这个函数会根据当前的 cookie 值判断 是否处于倒计时阶段 ,因为 cookie 值不会随着 网页的刷新而改...[2019/8/26]
jQuery跳转到另一个页面jQuery跳转到另一个页面
jQuery跳转到另一个页面
1.我们可以利用http的重定向来跳转
window.location.replace("https: www.cnblogs.com/pythonywy/");
2.使用href来跳转
window.location.href = &...[2019/8/26]
jquery 获取上传文件大小
1.
<html>
<head>
</head>
<body>
<script src="http: apps.bdimg.com/lib jquery/2.1.4/jquery.min.js"></scr...[2019/8/23]
jQuery学习和知识点总结归纳
jQuery目前在Web前端开发所占的比重越来越高,在我们jQuery学习和开发的过程中都会去使用。jQuery帮我们解决了浏览器之间JS一些不兼容的地方和简化了原生JS对DOM的操作。下面把雷雪松对jQuery的知识点总结和归纳分享给大家。1、jQuery简介jQuery是一个实用的J...[2019/8/23]
JQuery Ztree 树插件配置与应用小结
JQuery Ztree 树插件配置与应用小结
by:授客 QQ:1033553122
测试环境
Win7
jquery-3.2.1.min.js
下载地址:
https: gitee.com/ishouke/front_end_plugin/b...[2019/8/23]
jQuery知识梳理20190818
目录
jQuery知识梳理20190818
1. 时间绑定和解绑
2. 区别mouseover与mouseenter
3. 时间委托(委派/代理)
4 . 多库共存
...[2019/8/23]
jQuery学习笔记(二)
jQueryt静态方法详解 ==> each
==> map
==> trim
==> isArray
&nbs...[2019/8/20]
jQuery学习笔记(一)jQuery学习笔记(一)
jQuery版本选择,入口函数,符号冲突,核心函数,对象,实例方法 and 静态方法
一,版本选择
一般面对如jQuery这样的文件的版本选择,大多人都会选择当然是版本越高越好,实则非其然也。
一般选择为 1.x 版本...[2019/8/19]
js获取select显示的值
html代码:
<select id="myid">
<option value ="1">one</option>
<option value ="2">two</option>
...[2019/8/19]
jQuery知识梳理20190817
目录
jQuery知识梳理20190817
1. jQuery的特征
2. jQuery的两把利器
2.1 jQuery核心函数
2.2 jQuery核心对象
...[2019/8/19]
JQuery iframe宽高度自适应浏览器窗口大小的解决方法
iframe宽高度自适应浏览器窗口大小的解决方法
by:授客 QQ:1033553122
1. 测试环境
JQuery-3.2.1.min.js
下载地址:
https: gitee.com/ishouke/front...[2019/8/15]
jQuery遍历(1)
jQuery 遍历,意为“移动”,用于根据其相对于其他元素的关系来“查找”(或选取)HTML 元素。以某项选择开始,并沿着这个选择移动,直到抵达您期望的元素为止。
图示解释:
举例:
jQuery parent() ...[2019/8/15]
jQuery(实例)jQuery(实例)
1.开关灯效果
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Title</title>
...[2019/8/15]
jq each遍历数组或对象
var arr = ["北京","上海","天津","重庆","河北","河南","安徽","湖北","湖南"]; $.each(arr, function(i, val) { console.log(i+"-- --"+val); }); var obj= {name:"小明",mal...[2019/8/15]
day04-jQuery
jQ宗旨:write le do more
jq是js的框架,底层封装了js代码。
jq引入:
<script type="text/javascript" src="../j jquery-3.3.1.min.js" >< cript>
jQ选择器...[2019/8/15]
jQuery遍历(3)jQuery遍历(3)
上期我们讲了遍历的祖先、后代和同胞的问题,现在我们讲讲遍历遍历过滤
三个最基本的过滤方法是:first(), last() 和 eq(),它们允许您基于其在一组元素中的位置来选择一个特定的元素。其他过滤方法,比如 filter() 和 not() 允许您选取匹配或不匹配某项指定标准的元...[2019/8/15]
纯手写实现ajax分页功能
前言
最近用到了这个功能,百度大半天,网上的不是有各种问题就是需要引入其他的插件,无奈,只能自己写,大致功能已经完成。前端页面用bootstrap做样式,分页功能用ajax实现,没用其他插件哦,只引入引这些:
<link href="bootstrap-3.3.7-dist...[2019/8/15]
JS 的 Element元素对象
在 HTML DOM 中, 元素对象代表着一个 HTML 元素。
元素对象 的 子节点可以是, 可以是元素节点,文本节点,注释节点。
NodeList 对象 代表了节点列表,类似于 HTML元素的子节点集合。
Element对象的属性和方法
...[2019/8/12]
javaWeb核心技术第四篇之Javascript第二篇事件和正则表达式
- 事件
- 表单提交(掌握)
"onsubmit"
- 单击事件(掌握)
"onclick"
- 页面加载成功事件(掌握)
"onload"
- 焦点事件:(掌握)
- 获取焦点
"onfocus"
...[2019/8/12]
详解JS与Jquery获得的对象的区别与联系
世上无难事只怕有心人,敲代码也一样只要你用心去搞懂一件事,即使一个小小的用法对你以后也会有很大的作用;
项目虽然赶得紧但是有些问题百度找完答案解决之后,也要自己梳理一遍做到心领神会!!!今天就直接来上周遇到的情况:
就是使用JS中的类似:documnet.getelementby...[2019/8/12]
实现复选框的全选和反选
新手入坑博客第一天
废话不多说,先上代码
<!--与下面代码进行对比-->
全部<input type="checkbox" value=""/>
篮球<input type=...[2019/8/9]
ajax请求自动刷新页面
ajax是异步请求技术,可以实现页面的局部刷新。但是今天写代码的时候发现每次ajax之后都会发生整个页面的刷新,最后发现这是因为触发ajax事件的input标签的type设置为了submit,所以会产生表单提交操作,使页面刷新。
将type设置为button后即可正常运行。
原文...[2019/8/9]
JQuery jquerysessionjs插件使用介绍
jqueryse ionjs插件使用介绍
by:授客 QQ:1033553122
1. 测试环境
JQuery-3.2.1.min.j
下载地址:
https: gitee.com/ishouke/front_end_plugin/blo...[2019/8/9]
jQuery动画效果
jQuery animate() 方法用于创建自定义动画。
语法:$(selector).animate({params},speed,callback);
必需的 params 参数定义形成动画的 CSS 属性。
可选的 speed 参数规定效果的时长。它可以取以下值...[2019/8/7]
jQuery总结
第一章 JavaScript基础
--1、JavaScript是一种基于对象和事件驱动的,并具有安全性能的脚本语言。--2、JavaScript的特点: -1、JavaScript主要用来在HTML页面中添加交互行为 -2、JavaScript是一种脚本语言,语法和Java类似 -3、Java...[2019/8/7]
jQuery的淡入和淡出简单介绍
在jQuery中的一些特效中,可以通过四个方法来实现元素的淡入淡出,这四个方法分别是:fadeIn()、fadeOut()、fadeToggle() 以及 fadeTo(),下面为分别为大家介绍各个方式的使用。
jQuery fadeIn() 用于淡入已经被隐藏的元素,例子:
...[2019/8/7]
jq初始,选择器,事件,内容操作,样式操作
jq操作页面文档http: jquery.cuishifeng.cn/
jq初始
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>...[2019/8/7]