jQuery(二)、核心jQuery(二)、核心
1、#id
根据给定的ID匹配一个元素,如果选择器中包含特殊字符,可以用双斜杆(\\) 转义
如:
查找ID 为 myDiv[bar] 的元素
HTML 代码:
<div id="notMe">
<p>id="notMe"</p>
...[2019/4/11]
jQuery(三)、属性、CSS
jQuery设置了很多为标签进行属性的操作,比如添加、删除。
一 、属性
1 attr(name | properties | [key, value | fn])
设置或返回被选择的属性值。
参数:
(1) name :属性名,返回该属性值。
...[2019/4/11]
JQuery的ajax函数执行失败,alert函数弹框一闪而过
原因其实非常简单,把form表单里最后提交按钮的type="submit"换为type="button"
因为这个原因浪费了挺久时间,甚至把代码又从头到尾写了一遍(感觉自己好蠢啊!),总结了一下调试过程。
先贴一下ajax代码:
$(function () {
...[2019/4/10]
禁止(防止)浏览器自动填充密码禁止(防止)浏览器自动填充密码
由于设置autocomplete属性和添加隐藏文本框,以及在初始化时阻止写入等方法都无法完全满足需求,所以只能通过js逻辑来控制。
效果图
主要代码
/**
*
* 禁止浏览...[2019/4/10]
jQuery实现简单的图片淡出淡出效果
整体思路:
1.实现页面布局,设置c 样式
2.用jQuery获取需要用到的变量
3.用jQuery为两个按钮绑定事件
一.页面布局:
<div cla ="d1">
随便在网上找一张图片放入img中
<img sr...[2019/4/10]
jQuery(一)、核心
我认为,学习一门语言,主要是掌握它的思想与用途,就好比谈恋爱一样,你只要猜测到了对方的想法,就能够知情达意。废话不多说,我们开始今天学习的进度,加油ヾ(?°∇°?)??
1. jQuery([selector[, context]])
该函...[2019/4/10]
jquery基础
本文转载自https: blog.csdn.net/xiaogeldx/article/detail 85467270
JQ简单介绍
JQ是JS写的插件库,就是一个js文件
凡是用jq能实现的,js都能实现,js能实现的,jq不一定能实现
JQ理念
write le ,do more
在J...[2019/4/8]
js转换时间戳-转换成 yyyy-MM-dd HH:mm:ss
比如:转换成 yyyy-MM-dd HH:mm:
时间戳转换方法 date:时间戳数字
function formatDate(date) {
var date = new Date(date);
var YY = date.getFullYear() + ''-'...[2019/4/8]
jquery-hide//一段hide代码实现异步隐藏
(本篇博客没有什么参考价值,只用于自己未来复习.)
说白了就是通过“父亲”实现异步
代码:
<!DOCTYPE html>
<html>
<head>
...[2019/4/3]
JQuery选择器
1、最基本的选择器
$(''p'') :元素选择器,使用 CSS 选择器来选取 HTML 元素。
$(".test") :.cla 选择器 可以通过指定的 cla 查找元素。
$("#test") :#id 选择器通过 ...[2019/4/3]
jQuery插件,判断鼠标的移入移出方向
今天用jQuery封装了一个简单的插件,判断鼠标的移入移出方向,以后的项目中可能还会遇到这样一个简单的效果,就记录下来吧!
先看结构和样式:
<!DOCTYPE html>
<html>
<head lang="en">
<met...[2019/4/3]
前端笔记知识点整合之jQuery(下)事件&节点操作&净位置&拖拽&页面卷动值&遍历JSON
一、监听事件大全
1.1 JavaScript事件
onblur 元素失去焦点
onchange 用户改变域的内容
onclick 鼠标点击某个对象
ondblclick 鼠标双击某个对象
onfocus 元素获得焦点
onkeydown ...[2019/4/3]
JQuery动画效果
JQuery动画实现的注意点:
1、JQuery 定义了 fadeIn() 和 fadeOut() 等简单方法来实现常见的视觉效果,还定义了一个 animate() 方法来实现更复杂的自定义动画
2、JQuery 动画是异步的,动画方法会在动画完成之前返回
3、JQuery...[2019/4/3]
JQuery拖拽元素改变大小尺寸
<!DOCTYPE html><html> <head> <title></title> <style type="text/c "> html, body { height: 100%; width:...[2019/4/2]
jQuery图片延迟加载
一、HTML代码如下:
<div cla ="box">
<ul>
<li><img originalsrc="image 1.jpg" /></li>
<li><i...[2019/4/2]
jquery简单实现纵向的无缝滚动代码实例jquery简单实现纵向的无缝滚动代码实例
简单实现纵向无缝滚动(不要忘记引入jquery文件哦)
看效果:
1、HTML代码
<!DOCTYPE html>
<html lang="zh-CN">
<head>
<meta charset="utf-8">
...[2019/4/2]
前端笔记知识点整合之jQuery(一)加载函数的区别&对象&操作HTML/CSS&动画&选择器
一、jQuery简介
1.0 JavaScript编程比较恶心的地方
恶心1:选择元素麻烦,全线兼容的方法只有getElementById()和getElementsByTagName()两个。其他的方法是不都兼容的。getElementsByCla Name()通过类名选择元素,IE9开始兼...[2019/4/1]
jQuery实现动态添加和删除input框代码实例
本文实例为大家分享了jQuery实现动态添加和删除input框的具体代码,供大家参考,具体内容如下
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title&...[2019/3/29]
JS添加或删除HTML dom元素的方法实例分析JS添加或删除HTML dom元素的方法实例分析
本文实例讲述了JS代码添加或删除HTML dom元素的方法。分享给大家供大家参考,具体如下:
创建新的 HTML 元素
如需向 HTML DOM 添加新元素,您必须首先创建该元素(元素节点),然后向一个已存在的元素追加该元素。
?
1
2
3
4
...[2019/3/29]
JavaScript实现获取两个排序数组的中位数算法示例
本文实例讲述了JavaScript排序代码实现获取两个排序数组的中位数算法。分享给大家供大家参考,具体如下:
题目
给定两个大小为 m 和 n 的有序数组 nums1 和 nums2 。
请找出这两个有序数组的中位数。要求算法的时间复杂度为&nb...[2019/3/29]
vue.js - 2
最近开发公司vue前端项目,做一下笔记,偶尔上来查漏补缺
组件操作:
使用flag标识符结合v-if和v-else切换组件
页面结构:
<div id="app">
<input type="button" value="to...[2019/3/29]
js 将json字符串转换为json对象的方法解析js 将json字符串转换为json对象的方法解析
JSON字符串:var str1 = ''{ "name": "cxh", "sex": "man" }''; JSON对象:var str2 = { "name": "cxh", "sex": "man" };
一、JSON字符串转换为JSON对象
要使用上面的str1,必须使...[2019/3/28]
jquery之冒泡事件介绍以及阻止冒泡
什么是事件冒泡
<div style="width: 200px;height: 200px;background: red;margin: 200px auto;" onclick="box()">
<p onclick="test()" style="b...[2019/3/28]
简单地做一下“回到顶部”按钮,用jQuery实现其隐藏和显示
1、首先,我们要准备HTML代码:
<div id="return-top">
<a href="#top">返回顶部</a>
</div>
这里的<a>标签里面的href=“#top&rdquo...[2019/3/28]
浅谈JS和jQuery的区别浅谈JS和jQuery的区别
一、本质上的区别
1.JavaScript 是通过标签插入到HTML页面,可由所有的现代浏览器执行的一种轻量级的编程语言。
2.JQuery是一个JavaScript函数库。或者说是JavaScript。
使用JQuery首先要在 HTML 代码最前面加上对 jQuery 库的引用,比如...[2019/3/27]
JQueryDOM之样式操作JQueryDOM之样式操作
设置样式和获取样式
cla 也是节点元素的属性,因此获取cla 和设置cla 都可以使用attr()方法来完成
追加样式
直接使用attr()方法设置cla 属性,会将原来的cla 属性替换掉
如果在添加新的样式时,还需要保留原有样式,可以使用addCla ()方法
注意...[2019/3/27]
checkbox在vue中的用法小结
关于checkbox多选框是再常见不过的了,几乎很多地方都会用到,这两天在使用vue框架时需要用到checkbox多选功能,实在着实让我头疼,vue和原生checkbox用法不太一样,之前对于vue插件中用到过的checkbox也只是别人写好的组件,这次在自己实现时走了很多坑,特意写这篇文章记录下...[2019/3/27]
跨域(Cross-Domain) AJAX for IE8 and IE9
1、有过这样一段代码,是ajax
$.ajax({
url: "http: 127.0.0.1:9001",
type: "POST",
data: JSON.stringify({"reqMsg":"12345"}),
...[2019/3/27]
使用 jquery.wordexport.js导出的Word排版
js导出word文档所需要的两个插件:
FileSaver.js
jquery.wordexport.js
使用jquery.wordexport.js这个插件导出的word文档的排版方式;
编辑器打开jquery.wordexport.j...[2019/3/27]
jquery animate() Alternate 语法
前段时间在使用jQuery的animate() 函数时候用到Alternate方式。主要是要让数字自增到指定大小,且能看见数字增加过程。
一般使用如下方式:
1 function autoPlusAnimate(obj){
2 if(obj== null)
3 ...[2019/3/27]
jQuery实现动态添加和删除input框实例代码
本文实例为大家分享了jQuery实现动态添加和删除input框的具体代码,供大家参考,具体内容如下
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title&...[2019/3/27]
vue过滤器用法实例分析
过滤器:
vue提供过滤器:
capitalize uppercase currency....
?
1
2
3
<div id="box">
{{msg|c...[2019/3/26]
javascript中数组的常用算法深入分析javascript中数组的常用算法深入分析
Array数组是Javascript构成的一个重要的部分,它可以用来存储字符串、对象、函数、Number,它是非常强大的。因此深入了解Array是前端必修的功课。本文将给大家详细介绍了javascript中数组的常用算法,下面话不多说了,来一起看看详细的介绍吧
一、jQuery插件不改变原数组...[2019/3/26]
jQuery.parseJSON()函数详解
jQuery.parseJSON()函数用于将格式完好的JSON字符串转为与之对应的JavaScript对象。
所谓”格式完好”,就是要求指定的字符串必须符合严格的JSON格式,例如:属性名称必须加双引号、字符串值也必须用双引号。
如果传入一个格式不”完...[2019/3/26]
《锋利的JQ》摘抄(一) jq基础篇
前言:第一次写博客有点紧张233333,我会在博客里放一下在赌这本书过程中遇到的一些有用的知识点,希望等帮助到大家。好了正题开始(只要是我不知道该说啥了= =)
一,资源(在w3cfuns资源中可以找到第一版和第二版)
&...[2019/3/26]
jQuery链式编程jQuery链式编程
链式编程
多行代码合并成一行代码,前提要认清此行代码返回的是不是对象.是对象才能进行链式编程
.html(‘val’).text(‘val’).c ()链式编程,隐式迭代
链式编程注意:$(‘div’).html(...[2019/3/25]
canvas学习笔记之2d画布基础的实现
一. Canvas是啥
< canvas > 是一个可以使用脚本(通常是js)来绘图的HTML元素
< canvas > 最早由Apple引入WebKit,用于Mac OS X 的 Dashboard和 Safari
如今,所有主流的浏览器都支持它(IE9+,更...[2019/3/25]
详解bootstrap-fileinput文件上传控件的亲身实践
经理让我帮服务器开发人员开发一个上传文件功能界面,我就想着以前使用过bootstrap-fileinput插件进行文件上传,很不错。赶紧就撸起来了。
1、下载压缩包。插件地址https: github.com/kartik-v/bootstrap-fileinput/ ,下载压缩包解压之后,拿...[2019/3/25]
javascript中call()、apply()的区别
call()、apply()的区别:
相同点:
1.call()和apply()都可以用来间接调用函数,都可以显式调用所需的this。即,锚点滑动任何函数可以作为任何对象的方法来调用。
2.两个方法都可以指定调用实参。
区别:
call()和apply()的基本区别...[2019/3/25]
CSS3使用transition属性实现过渡效果CSS3使用transition属性实现过渡效果
transition属性目的是让c 的一些属性(如background)的以平滑过渡的效果出现。它是一个合并属性,是由以下四个属性组合而成:
transition-property:设置应用过渡的CSS属性,如background。
transition-duration:设置过渡效果花费...[2019/3/25]
jQuery动画
jQuery动画
1.hide([speed,[easing],[fn]])
方法:隐藏显示的元素
参数:
①speed[,fn]
speed:三种预定速度之一的字符串("slow","normal", or "fast")或表示动画时长的毫秒数值(如:100...[2019/3/25]
检测ip和地区
获取当前位置所在省份城市和所用网络IP
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8" />
<meta name="viewport" content="width...[2019/3/25]
jquery点击回到顶部
jquery实现点击回到顶部
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>回到顶部</title&...[2019/3/25]
一些你可能不熟悉的JS知识点总结
js代码暂时性死区
只要块级作用域存在let命令,它所声明的变量就“绑定”这个区域,不再受外部的影响。这么说可能有些抽象,举个例子:
?
1
2
3
4
5
var temp = 123;
if(true) {
&...[2019/3/25]
详解纯css实现瀑布流(multi-column多列及flex布局)
瀑布流的布局自我感觉还是很吸引人的,最近又看到实现瀑布流这个做法,在这里记录下,特别的,感觉flex布局实现瀑布流还是有点懵的样子,不过现在就可以明白它的原理了
1.multi-column多列布局实现瀑布流
先简单的讲下multi-column相关的部分属性
column-count...[2019/3/25]
jQuery元素操作
jQuery中创建元素及追加元素
DOM中可以动态创建元素:document.createElement(“标签的名字”);
jQuery中同样可以创建元素标签,并且返回的就是jQuery对象,可以直接调用方法进行使用
1.append 方法用来在元素的末尾追加...[2019/3/25]
jQuery中页面返回顶部的方法总结
当页面过长时,通常会在页面下方有一个返回顶部的button,总结一下,大概三种实现方法,下面说下各方法及优缺点。
方法一 锚点定位
?
1
<a href="#" cla ="top" id="top">返回頂部</a>
...[2019/3/25]
jQuery实现轮播图
jQuery实现轮播图时出现ready方法外无法调用方法(函数)
1 <!DOCTYPE html PUBLIC "- W3C DTD HTML 4.01 Transitional EN" "http: www.w3.org/TR/html4/loose.dt...[2019/3/25]
Html5页面内使用JSON动画的实现
有一天我们的UI设计师找到我说,要把页面中我自己用程序写的动画,换成他们给的json动画,原因是有的动画很复杂,自己写起来达不到他们的预期效果(写到这里我突然想到一个问题,这么复杂的动画为什么不使用gif。。。。坐我对面的安卓开发小哥答因为gif播放的时候可能质量不高不流畅,好吧我信了)
我:...[2019/3/25]
jQuery事件绑定,解绑,触发jQuery事件绑定,解绑,触发
事件绑定
1.bind(type,[data],fn)
--type: 含有一个或多个事件类型的字符串,由空格分隔多个事件。比如"click"或"submit",还可以是自定义事件名。
--data:作为event.data属性值传递给事件对象的额外数据对象
--fn:...[2019/3/25]