JavaScript
JiangNanMax
给生活添砖Java!
展开
-
js循环绑定事件问题及解决方法
js初学者经常遇到的循环绑定事件问题js循环绑定事件在编写JS代码的时候,我们经常会遇到要对一系列元素进行事件绑定的情况,然后就会理所当然的开一个for循环,对元素的事件进行赋值等操作,最后运行的效果却不是希望有的样子,事件的响应只能和最后一个元素一样,怎么肥四???下面给出错误的代码:<!DOCTYPE html><html lang="en">&原创 2018-08-31 10:23:38 · 8681 阅读 · 0 评论 -
JavaScript变量的定义和使用
06-JavaScript基础-变量的定义和使用JS中变量的定义定义变量的目的在内存中分配一块存储空间给变量,方便以后存储数据。如何定义变量?定义变量(声明变量),任何变量在使用之前,必须先进行定义如果定义了多个变量,就会为这多个变量分别分配不同的存储空间var 变量名称; var name; var name, age, sex;如何使用变量?...原创 2018-09-03 21:57:59 · 4838 阅读 · 0 评论 -
JavaScript关键字,保留字和标识符
07-JavaScript基础-关键字,保留字和标识符关键字和保留字什么是关键字?JavaScript语言用于程序控制或执行特定操作的英语单词;它们是被JavaScript语言赋予了特殊含义的英文单词;好比现实生活中除夕、中秋、国庆对于我们有特殊含义一样,在JavaScript也有一些对于JavaScript有特殊含义的单词,这些单词我们称之为关键字。关键字不能用作变量名...原创 2018-09-03 22:01:24 · 4318 阅读 · 0 评论 -
JavaScript数据和数据类型
08-JavaScript基础-数据和数据类型数据数据是指所有能输入到计算机并被计算机程序处理的符号的介质的总称,是具有一定意义的数字、字母、符号和模拟量等的通称。数据类型为什么会有数据类型? var a = 10; var b = '10';思考:变量名a和变量名b保存的数据是否一样?JS中常用的数据类型程序在运行过程中会产生各种各样的临...原创 2018-09-03 22:16:51 · 4113 阅读 · 0 评论 -
JavaScript数据类型转换
09-JavaScript基础-数据类型转换数据类型转换什么是数据类型转换将一个数据类型转换为其他的数据类型,比如:将String转换为Number类型,将Number类型转换为Boolean类型… …toString()将其他类型的数据转换为字符串类型 var num = 12306; var str = num.toString(); cons...原创 2018-09-06 23:25:09 · 3781 阅读 · 0 评论 -
jQuery选择器
jQuery选择器jQuery选择器允许对单个元素或者元素组执行操作jQuery选择器jQuery元素选择器和属性选择器允许通过标签名、属性名或者内容对HTML进行选择选择器允许对HTML元素组或单个HTML元素进行操作在HTML DOM术语中:选择器允许对DOM元素组或单个DOM节点进行操作jQuery元素选择器jQuery使用CSS选择器来选取HT...原创 2018-09-10 15:55:40 · 4001 阅读 · 0 评论 -
jQuery事件
jQuery事件jQuery是为事件处理而设计的jQuery事件函数jQuery事件处理方法是jQuery中的核心函数事件处理程序指的是HTML中发生某些事件时所调用的方法,即术语:触发实例:<html><head><script type="text/javascript" src="jquery.js"></sc...原创 2018-09-10 20:05:31 · 4009 阅读 · 0 评论 -
jQuery效果-隐藏和显示
jQuery效果-隐藏和显示使用jQuery能够轻易地实现各种动画效果,包括隐藏、显示、切换、滑动等hide()方法和show()方法通过jQuery,可以使用hide()和show()方法来隐藏和显示HTML元素:$("#hide").click(function(){ $("p").hide();});$("#show").click(functi...原创 2018-09-10 20:27:11 · 4080 阅读 · 0 评论 -
jQuery的$.extend()、$.fn和$.fn.extend()学习总结
jQuery的$.extend()、$.fn和$.fn.extend()学习总结jQuery为开发插件提供了两个方法,分别是:jQuery.fn.ectend()jQuery.extend()jQuery.fnjQuery.fn = jQuery.prototype = { init: function(selector, content){ //.... ...原创 2018-09-21 22:05:47 · 5659 阅读 · 0 评论 -
PHP+Ajax实现一个简单的二级城市联动
PHP+Ajax实现一个简单的二级城市联动实现原理二级联动在开发当中是一个常见的技术点,主要运用在做一些有包含关系的选择,例如,选择地址的时候,要先确定哪个省然后再确定哪个市。二级联动主要涉及到了JavaScript的局部刷新技术Ajax,不同于一般的全局刷新,它不会重新加载整个页面,而是刷新需要改变值的地方,它的工作流程如下:(1) 向后台发送一个请求(2) 后台接受请求,并...原创 2018-10-08 20:37:35 · 6756 阅读 · 0 评论 -
JavaScript中的onload和jQuery中的ready()
JavaScript中的window.onload和jQuery中的$(documemt).ready()之前刚学JavaScript的时候,在&lt;script&gt;标签中的写法都是window.onload = function( ) { }。后来学习jQuery,接触到的写法基本就是$(document).ready(function( ) { })和$(function( ) {...原创 2018-10-09 10:54:04 · 5161 阅读 · 0 评论 -
jQuery对象和DOM对象之间的区别以及转换方法
jQuery对象和DOM对象之间的区别以及转换方法在实现<script>标签中的代码内容的时候,经常都会使用DOM对象和jQuery对象。当实现的对象多的时候就容易搞混,这里做一下总结jQuery对象是包装DOM对象后产生的,但是它们之间并不能混用!DOM对象只能使用DOM方法,jQuery对象只能使用jQuery方法专业建议:在jQuery对象的变量名前添加$符号,...原创 2018-10-26 20:52:58 · 6030 阅读 · 0 评论 -
JavaScript常量和变量
05-JavaScript基础-常量和变量认识常量有数值常量(3、5、3.3、5.5…)、字符串常量(‘A’)、布尔常量(true、false)和一些特殊常量(换行符、制表符等)认识变量在代数中,我们使用字母(比如x)来保存值(比如2) x = 2 y = 3 z = x + y通过上面的表达式z=x+y, 我们能够计算出z的值为5。在J...原创 2018-09-03 21:53:10 · 4160 阅读 · 0 评论 -
JavaScript书写规范和注释
04-JavaScript基础-书写规范和注释JavaScript初体验(二)注意事项编写JavaScript注意语法规范,一行代码结束后必须在代码最后加上;如果不写分号,浏览器会自动添加,但是会消耗一些系统资源;此外,容易加错分号,所以在开发中分号必须要写。在JavaScript中是严格区分大小写的 confirm("Hello, JavaScript!"); ...原创 2018-09-03 19:17:49 · 4675 阅读 · 0 评论 -
01-JavaScript基础-开篇介绍
01-JavaScript基础-开篇介绍编程语言编程语言是人和计算机交流的工具,工程师通过编程语言基于计算机去开发一款款软件编程语言就是一门语言,只不过语法比较特殊,我们得学习之后才能使用这门语言来开发相应的东西编程语言大致可以分为以下几类:机器语言、汇编语言、高级语言 机器语言 000000101 000000010 000000000 汇编语言 MOV ...原创 2018-08-31 10:25:00 · 3743 阅读 · 0 评论 -
JavaScript闭包的学习总结
JavaScript闭包的学习总结什么是闭包闭包是指有权访问另一个函数作用域中的变量的函数。因此,闭包的最大用处就是防止对全局作用域的影响和污染。JS中变量的作用域要掌握JS的闭包,首先要知道JS特殊的变量作用域。变量的作用域,无非就是全局变量和局部变量两种。而在JS中,函数内部可以直接拿到全局变量。下面给出几个代码示例window.onload = fu...原创 2018-09-02 13:42:46 · 6217 阅读 · 2 评论 -
jQuery开篇
jQuery开篇虽然还没学完JavaScript的进阶课程,但已经迫不及待地开始了jQuery的学习了解jQueryjQuery是一个JavaScript库jQuery极大的简化了JavaScript编程jQuery很容易学习(的确是。。。逃接下来会陆续贴出我的学习总结,并结合链接来查看每个demo的实际效果...原创 2018-09-08 14:58:54 · 3722 阅读 · 0 评论 -
JavaScript认识运算符
10-JavaScript基础-认识运算符作用运算符是告诉程序执行特定算术或逻辑操作的符号例如告诉程序:某两个数相加,相减等按功能划分算术运算符位运算符关系运算符逻辑运算符按照操作数个数划分单目运算符只有一个操作数,如:i++ !双目运算符有两个操作数,如:a+b三目运算符三目运算符也称为问好表达式, a &gt; b ? 1:...原创 2018-09-08 17:22:53 · 3685 阅读 · 0 评论 -
JavaScript算术运算符
11-JavaScript基础-算术运算符加法运算格式:Number1 + Number2非Number类型的值进行运算时,会将这些值转化为Number然后再进行运算任何值和NaN做运算的结果都是NaN任何值和字符串做加法运算,都会先转化为字符串,然后再和字符串做拼串的操作减法运算格式:Number1 - Number2非Number类型的值进行运算时,会将这...原创 2018-09-08 17:51:26 · 4050 阅读 · 0 评论 -
JavaScript正负运算符
12-JavaScript基础-正负运算符正号+正号不会对数字产生任何影响对于非Number类型的值,会将其先转化为Number类型,再进行运算负号-负号可以对数字进行符号的取反...原创 2018-09-08 17:52:02 · 5862 阅读 · 0 评论 -
JavaScript赋值运算符
13-JavaScript基础-赋值运算符简单赋值运算符等于号=格式:变量 = 数据 //将等号右边的常量100赋值给左边的变量num var num = 100; //将等号右边的变量num中存储的值赋值给左边的变量value var value = num;赋值运算符左边只能是变量多个赋值运算符可以组成 赋值表达式,赋值表达式具有右结...原创 2018-09-08 17:55:26 · 4696 阅读 · 0 评论 -
jQuery简介
jQuery简介jQuery库可以通过一行简单的标记被添加到网页中jQuery库的特性jQuery是一个JavaScript函数库jQuery库包含以下特性:HTML 元素选取HTML 元素操作CSS 操作HTML 事件函数JavaScript 特效和动画HTML DOM 遍历和修改AJAXUtilities在页面中添加jQuery库jQu...原创 2018-09-08 18:28:17 · 4076 阅读 · 0 评论 -
jQuery安装
jQuery安装把jQuery添加到你的网页如需使用jQuery,则需要下载jQuery库,然后把它包含在希望使用的网页中jQuery库是一个JavaScript文件,可以使用HTML的script标签来引用它<script src="js/jquery.js"></script>下载jQuery有两个版本的jQuery可供下载P...原创 2018-09-08 20:33:15 · 4653 阅读 · 0 评论 -
jQuery语法
jQuery语法通过jQuery,可以选取(查找,query)HTML元素,并对它们执行相应的操作jQuery语法jQuery语法是为HTML元素的选取编制的,可以对元素执行某些操作基础语法是:$(selector).action()美元符号$定义jQuery选择符(selector)查找HTML元素jQuery的action()执行对元素的操作示例:$...原创 2018-09-08 22:33:18 · 5438 阅读 · 0 评论 -
JavaScript书写格式
02-JavaScript基础-书写格式JavaScript的语法规范JavaScript有三种书写格式,分别是“行内式”、“页内式”、“外链式”行内式&lt;button onclick = "alert('今天天气很好! ');"&gt;今天天气很好!&lt;/button&gt;行内式注意点JS内使用单引号 页内式 &lt;body&a原创 2018-09-03 19:08:34 · 8783 阅读 · 0 评论 -
JavaScript常用的输出方式
03-JavaScript基础-常用的输出方式JavaScript初体验(一)使用JavaScript在网页中输出一句话方式一在网页中弹出显示框,显示信息&lt;script&gt; alert("Hello, JavaScript!");&lt;/script&gt;方式二在控制台输出消息,一般用来调试程序&lt;script&g原创 2018-09-03 19:11:39 · 4259 阅读 · 1 评论 -
PHP+Ajax+Mysql省市县三级联动
PHP+Ajax+Mysql省市县三级联动前言之前写了个小demo, 用PHP+Ajax实现一个简单的二级城市联动, 传送门。之前用它来练手一下使用Ajax和PHP进行互动,所以数据就简单的以数组的形式存放在PHP文件中,但实际投入生产使用的项目肯定会将数据存放在数据库当中。因此也就有了现在的这个demo,与之前的不同在于,我将数据(包含了全国的省市县)存放在数据库中,使用Ajax向PHP...原创 2018-11-04 21:42:55 · 6742 阅读 · 6 评论