![](https://img-blog.csdnimg.cn/20201014180756913.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
JavaScript
Geek_ymv
公众号 geekymv
展开
-
ES6新特性
ES6中的箭头函数-解构表达式<script> // 普通函数 function print(str) { console.log(str) } var print1 = function (str) { console.log(str) } print("abc") print1("def...原创 2020-02-11 09:20:36 · 147 阅读 · 0 评论 -
使用jQuery实现select级联效果
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN""http://www.w3.org/TR/html4/loose.dtd"> New Web Project $(function(){ var anhui_city = ["合肥", "芜湖", "蚌埠"];原创 2014-10-28 17:15:21 · 15458 阅读 · 0 评论 -
jQuery函数之serializeArray()
http://jquery.bootcss.com/serializeArray/原创 2014-10-28 21:08:13 · 997 阅读 · 0 评论 -
jQuery事件二
效果图如下:原创 2014-10-28 19:07:54 · 526 阅读 · 0 评论 -
jQuery事件一
效果截图如下:原创 2014-10-28 18:50:26 · 587 阅读 · 0 评论 -
jQuery函数之serialize()
jQuery中文文档:http://jquery.bootcss.com/原创 2014-10-28 21:26:11 · 726 阅读 · 0 评论 -
layer.js一个让你想到即可做到的Web弹窗/层解决方案--系列一简要介绍
一次偶尔的点击进入了layer的官方网站layer 里面有好多案例,可以在自己的网站中直接使用,源码见github简要:layer是一款口碑非常不错的web弹层组件,她具备全方位的解决方案,致力于服务各个水平段的开发人员,您的页面会轻松地拥有丰富而友好的操作体验。在与同类弹出层插件的比较中,layer总是能轻易获胜。她尽可能地在以更少的代码展现更强健的功能,且格外注重性原创 2014-12-25 22:18:01 · 1538 阅读 · 0 评论 -
jQuery 方法append与after
test $(function(){ $('#btn').click(function(){ $('p').append('this is append'); $('p').after('this is after'); }); }); test 点击 测试之前DOM结构测试之后DOM结构由此可见使原创 2015-03-04 10:27:29 · 980 阅读 · 0 评论 -
JavaScript面向对象编程-封装
Document /*JavaScript面向对象编程-封装*/ $(function(){ // 生成对象的原始模式 var Cat = { name : '', color : '' }; var c1 = {}; // 创建一个空对象 c1.name = '大毛'; c1.colr = '黄色'; var c2 = {}; c2原创 2015-04-03 11:25:49 · 617 阅读 · 0 评论 -
Javascript数组的常用方法总结一
// 定义一个数组 var arr = [1, 2, 3]; // alert(arr.length); /* 设置length属性为一个小于当前长度的非负整数时,当前数组中的那些索引值 大于或等于n的元素将从中移除 */ arr.length = 2; for(var i = 0; i < arr.length; i++) { // alert(arr[原创 2015-04-27 18:34:42 · 568 阅读 · 0 评论 -
Javascript数组的常用方法总结二
// Array.join()方法是String.split()方法的逆向操作 // String.split()将字符串分割成若干块来创建一个数组 function joinTest() { var a = [1, 2, 3]; var a1 = a.join(); console.log(a1); var a2 = a.join(' ');原创 2015-04-27 18:54:07 · 570 阅读 · 0 评论 -
随记
trigger() 方法触发被选元素的指定事件类型。原创 2015-06-26 10:55:07 · 453 阅读 · 0 评论 -
ajax请求跨域问题-通过jsonp方式解决
$.ajax({ type:"get", url:"http://192.168.32.68/jsonp/", dataType: 'jsonp', jsonp: "callback", jsonpCallback: "hello", success: function(data) { debugger alert(data);原创 2015-07-30 18:54:33 · 598 阅读 · 0 评论 -
doT.js初窥
Hi {{=it.name}} {{=it.age}} var userData = {"name": 'zhangsan', "age": 12}; var interText = doT.template($('#myInfoTmpl').text()); $('#myInfo').html(interText(userData));原创 2015-09-30 16:04:31 · 483 阅读 · 0 评论 -
doT.js初窥二
{{ if(it.success) { }} results {{ for(var i = 0, len = it.data.length; i < len; i++) { }} {{=it.data[i].title}} {{!it.data[i].message}} {{ } }} {原创 2015-09-30 16:05:30 · 672 阅读 · 0 评论 -
纯css让页脚固定在最下方
纯css让页脚固定在最下方转载 2017-05-08 21:28:00 · 551 阅读 · 0 评论 -
使用js实现tab页签切换效果
效果图如下:<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN""http://www.w3.org/TR/html4/loose.dtd"><html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta ...原创 2014-10-23 11:20:56 · 55448 阅读 · 5 评论 -
js定时器setInterval()的使用
效果图如下:原创 2014-10-23 11:06:21 · 3045 阅读 · 0 评论 -
使用js的定时器setTimeout()实现加载进度条效果
效果图如下:原创 2014-10-23 10:52:51 · 7964 阅读 · 2 评论 -
JS中定义对象方式一:基于已有对象扩充其属性和方法
var object = new Object(); object.name = "zhangsan"; object.sayName = function(name) { this.name = name; alert(this.name); } object.sayName("lisi");原创 2013-03-12 13:52:30 · 2029 阅读 · 0 评论 -
JS中定义对象方式二: 使用工厂方式创建对象(无参数传递)
//工厂方式创建对象 function createObject() { var object = new Object(); object.username = "zhangsan"; object.password = "0123"; object.getInfo = function() { alert(this.userna原创 2013-03-12 14:05:25 · 1126 阅读 · 0 评论 -
JS中定义对象方式二: 使用工厂方式创建对象(传递参数,及其改进方法)
//工厂方式创建对象 function createObject(username, password) { var object = new Object(); object.username = username; object.password = password; object.getInfo = function() {原创 2013-03-12 14:21:42 · 4405 阅读 · 0 评论 -
JS中定义对象方式三: 使用构造函数方式创建对象
function Person(username, password) { //在执行第一行代码之前,js引擎会为我们生成一个对象。 this.username = username; this.password = password; this.getInfo = function() { alert(this.username +":"原创 2013-03-13 10:55:45 · 7209 阅读 · 0 评论 -
JS中定义对象方式四: 使用原型(prototype)方式创建对象之二(弊端及其改进)
/*弊端:如果使用原型方式创建对象,那么生成的所有对象会共享原型中的属性, 这样一个对象改变了该属性也会反应到其他对象当中。代码如下:*/ function Person() {} Person.prototype.username = new Array(); Person.prototype.password = "0123"; Person.proto原创 2013-03-13 11:59:45 · 1498 阅读 · 0 评论 -
JS中定义对象方式五: 使用动态原型方式创建对象
/* 说明:在构造函数中通过标识量让所有对象共享一个方法,而每个 对象拥有自己的属性。 */ function Person(username, password) { this.username = username; this.password = password; if(typeof Person.flag == "undefine原创 2013-03-13 12:14:39 · 2076 阅读 · 0 评论 -
JS中定义对象方式四: 使用原型(prototype)方式创建对象之一
function Person() {} Person.prototype.username = "zhangsan"; Person.prototype.password = "0123"; Person.prototype.getInfo = function() { alert(this.username + ":" + this.password)原创 2013-03-13 11:13:49 · 2839 阅读 · 0 评论 -
JavaScript笔记之常用技巧
一、弹出选择框原创 2014-04-29 22:00:45 · 639 阅读 · 0 评论 -
JavaScript中的两种定时器
jsTime.html function count(){ setTimeout("alert('hello,world');", 7000); //7秒后执行前面的语句(一次) }原创 2014-04-29 21:51:38 · 798 阅读 · 0 评论 -
Javascript中的全局变量与局部变量
jsTest01.html /* 在javascript中 定义在函数外的变量一定是全局变量; 定义在函数内的变量,如果声明了var,那该变量是局部变量, 如果不声明var,那该变量就是全局变量。 */ var globe = "hello"; //全局变量 function test(){ var i = 10; //局部变原创 2014-04-27 19:02:20 · 795 阅读 · 0 评论 -
jQuery对象与DOM对象的相互转换
jqueryTest.html $(document).ready(function(){ /* var domObj = document.getElementsByTagName("p")[0]; //将DOM对象转换成JQuery对象 var jqueryObj = $(domObj); alert("do原创 2014-07-04 16:38:53 · 755 阅读 · 0 评论 -
jQuery练习--隐藏和显示效果
click.html $( function() { $("#hide").click( function() { //$("#content").hide(); $("#content").hide(1000); //规定隐藏的速度 }); $("#show").click( function() {原创 2014-07-14 21:13:37 · 730 阅读 · 0 评论 -
jQuery练习--隐藏与显示效果之间的切换
toggle.html $( function() { $("button").click(function(){ $("p").toggle(1000); //通过jQuery可以使用toggle方法来切换hide()与show()方法。 }); }); /* $(selector).toggle(speed,c原创 2014-07-14 21:25:22 · 1140 阅读 · 0 评论 -
使用js实现checkbox的全选与反选功能
代码如下原创 2014-10-23 09:38:36 · 2622 阅读 · 0 评论 -
使用js实现checkbox的全选与反选功能二
效果图如下:原创 2014-10-23 09:45:54 · 950 阅读 · 0 评论 -
a.html
代码: 我的标题 这是我的第一个网页! 运行结果:原创 2012-11-21 13:33:33 · 558 阅读 · 0 评论