jQuery元素的几种创建与添加 添加元素的几种方法(1)通过.append()父级元素.append(创建好的子级元素)//在父级元素div中追加一个子元素//父级元素.append(创建好的子级元素)$("div").append($("<a href='http://www.baidu.com'>百度</a>"));(2)通过.appendTo()创建好的子级元素.appen...
jQuery之元素样式设置的方法 给div设置样式,常用的有三种方法:(1)普通方法,适用于一个两个样式//普通方法 $(function () { $("#btn").click(function () { $("#dv").css("width","200px"); $("#dv").css("height"
jQuery之案例 下拉列表 <!DOCTYPE html><html><head lang="en"> <meta charset="UTF-8"> <title></title> <style type="text/css">
jQuery之操作元素(其中包括DOM操作元素) DOM中获取元素的方式 //根据id·获取元素document.getElementById("id属性值");//根据标签名字获取元素document.getElementsByTagName("标签名字");//根据name属性获取元素(一般指表单标签)document.getElementsByName("name属性的值");//根据类样式获取元素document.g...
jQuery(一) DOM对象与jQuery对象的互转问题DOM对象转jQuery对象//此时btn为DOM对象,不能调用jQuery方法 var btn=document.getElementById("btn"); //DOM对象转jQuery对象 $("btn").click=function () { console.log("小仙女"); };j...
JavaScript之简单的表单验证 当输入的数据符合要求时,显示 当输入的数据不符合要求时,显示 css样式:<style type="text/css"> body { background: #ccc; } label { wi...
JavaScript之密码强度验证 样式代码<style> #dv{ width: 300px; height:200px; position: absolute; left:300px; top:100px; } .strengthLv0 { ...
正则表达式 介绍正则表达式:作用:匹配字符串适用范围:在所有编程语言中都适用组成:是由元字符或限字符组成的一个式子元字符(其实元字符和限字符统称为元字符). 表示的是:除了以外的任意的一个字符 "fdsfs238"[] 表示的是:范围, [0-9] 表示的是0到9之间的任意的一个数字, "789" [0-9][1-7] 表示的是1到7之间的任意的一个数字[a-z] 表示...
JavaScript之递归案例 求n个数字的和,5 计算1+2+3+4+5 //函数的声明 function getSum(x) { if(x==1){ return 1; } return x+getSum(x-1); } //函数的调用 console.log(getSum(5));求一个数字各个位数上的数字的和//523 fun...
JAvaScript之闭包按钮点赞案例 Scriprt代码://获取所有的按钮 //根据标签名字获取元素 function my$(tagName) { return document.getElementsByTagName(tagName); } //闭包缓存数据 function fn() { var value=2; return fu...
JavaScript之作用域,作用域链和预解析 变量包括:全局变量,局部变量在JAvaScript中,函数中定义的变量是局部变量作用域:就是变量的使用范围,分为:局部作用域和全局作用域js中没有块级作用域---一对括号中定义的变量,这个变量可以在大括号外面使用作用域链:变量的使用,从里向外,层层的搜索,搜索到了就可以直接使用了var num=10; //作用域链 级别:0 var num2=20; var ...
JavaScript之高阶函数(函数作为参数使用,函数作为返回值使用) 函数作为参数使用函数作为参数的时候,如果是命名函数,那么只传入命名函数的名字,没有括号//函数作为参数的时候,如果是命名函数,那么只传入命名函数的名字,没有括号function f1(f2) { setInterval(function () { console.log("定时器开始"); f2(); console.log("定时器...
JavaScript之apply方法,call方法,bind方法 apply和call作用:改变this的指向 不同的地方:参数传递的方式是不一样的只要是想使用别的对象的方法,并且希望这个方法是当前对象的,那么就可以使用apply或者是call的方法改变this的指向apply的使用语法* 函数名字.apply(对象,[参数1,参数2,...]);* 方法名字.apply(对象,[参数1,参数2,...]);* call的使用语法...
JavaScript之创建对象的不同方式 1 字面量创建对象//字面量的方式创建对象 var obj={ age:10, sex:"男", sayHi:function () { console.log("您好,十一过的快乐吗"); } };2 调用系统的构造函数//调用系统的构造函数创建对象 var obj2=new Object()...
JavaScript之函数的不同调用方式 普通函数://普通函数 function f1() { console.log("文能提笔控萝莉"); } f1();构造函数://构造函数---通过new 来调用,创建对象 function F1() { console.log("我是构造函数,我骄傲"); } var f=new F1();对象的方式:...
JavaScript之函数中的this和严格模式 函数中的this的指向普通函数中的this是谁?-----window//普通函数 // function f1() { // console.log(this); // } // f1();定时器方法中的this是谁?----window//定时器中的this // setInterval(functio...
JAvaScript之函数声明和函数表达式的区别 1 函数声明和函数表达式函数声明//函数的声明 function f1() { console.log("我是函数"); } f1();函数表达式(推荐使用)//函数表达式 var ff=function () { console.log("我也是一个函数"); }; ff();函数声明和函数表达式的区...
JavaScript之继承 1 面向对象编程思想:根据需求,分析对象,找到对象有什么特征和行为,通过代码的方式来实现需求,要想实现这个需求,就要创建对象,要想创建对象,就应该显示有构造函数,然后通过构造函数来创建对象.,通过对象调用属性和方法来实现相应的功能及需求,即可2 JS不是一门面向对象的语言,JS是一门基于对象的语言3 面向对象的编程语言中有类(class)的概念(也是一种特殊的数据类型),但是JS不是面向对...
JavaScript之局部变量变为全局变量 简而言之:对象的前面加上“windo.”即可另局部变量变为全局变量。案例: //通过自调用函数产生一个随机数对象,在自调用函数外面,调用该随机数对象方法产生随机数 (function (window) { function Random() { } //在原型对象中添加方法 Random.prototype.get...
JavaScript之贪吃蛇小案例 模拟贪吃蛇小游戏在写代码之前,先分析项目1 地图属性:宽,高,背景颜色!!因为小蛇和食物都是相对于地图显示的,这里小蛇和食物都是地图的子元素,随机位置显示,脱离文档流的,地图也需要脱离文档流--css需要设置:宽,高,背景颜色,脱标2 食物-----div元素elements----存储div的数组(便于以后删除,删除食物的div的时候,先从map中删除div,再从数组中删...