【Javascript学习笔记1 数据类型】教程文章相关的互联网学习教程文章

JQuery学习笔记element属性控制_jquery【图】

代码如下: $(function(){ $("#aAttr1").click(function(){ $( ":text").attr("value",$("#divTest").attr("id")); }) $("#aAttr2").click(function(){ $( ":text").attr("value",function(){ return $("#divTest").attr("id"); ...

JQuery学习笔记选择器之六_jquery【图】

代码如下: $(function(){ $("#aNth1").click(function(){ $("#ul1 li:nth-child(even)").each(function(){ $(this).css("background","#773300"); }) }) $("#aNth2").click(function(){ $("#ul1 li:nth-child(2n+1)").each(function(){ $(this).css("background","#ff...

JQuery学习笔记选择器之二_jquery【图】

代码如下: 无标题文档 $(function(){ $("#aDescendant").click(function(){ $("#Result").html(""); $("#div1 ul").each(function(){ $("#Result").html($("#Result").html() + $(this).html() + "," ); }) }) $("#aChild").click(function(){ $("#Result").html(""); $("#div1 > li").each(function(){ $("#Result").html($("#Result").html() + $(this).attr("id") + "," ); }) }) $("#aNext").click(function(){ $("#Resul...

JQuery学习笔记选择器之五_jquery【图】

代码如下: $(function(){ $("#aFirst").click(function(){ $("div[id]").each(function(){ $(this).css("background","#773300"); }) }) $("#aSecond").click(function(){ $("div[id = div2]").each(function(){ $(this).css("background","#8833ff"); ...

JQuery学习笔记选择器之一_jquery【图】

本章主要先对Jquery的选择器进行说明下,本人也不敢说讲解,哈,因为我也是正在学习中,本系列文章所写目的只在与对自己学习过程中的心得等记录下来,一方面加强自己的印象,另一方面共享下学习的经验,呵,小弟刚开始写这种文章,希望大家多多支持^^,有哪些方法不好可以跟贴指导指导^^ 现在,让我们一起开始在JQuery的世界里飞翔吧^^ 首先,本章先来学习JQuery最基本的选择器的使用咯 先声明下,使用JQuery最基本的规则 $(document).ready(f...

JQuery学习笔记选择器之四_jquery【图】

代码如下: 无标题文档 $(function(){ $("#aContains").click(function(){ $("div:contains('hello')").each(function(){ $(this).css("background","red"); }) }) $("#aEmpty").click(function(){ $("div:empty").each(function(){ $(this).html("EmptyDIV"); }) ...

JQuery学习笔记选择器之三_jquery【图】

代码如下: 无标题文档 $(function(){ $("#aFirst").click(function(){ $("#Result").html(""); $("#Result").html($("ul:first").html()); }) $("#aLast").click(function(){ $("#Result").html(""); $("#Result").html($("ul:last").html()); }) $("#aNot").click(function(){ $("#Result").html(""); $("#Result").html($("input:not(:checked)").attr("id")); }) $("#aEven").click(function(){ $("#Result").html(""); $(...

JS学习笔记防止发生命名冲突_javascript技巧【图】

为了防止发生命名冲突,可以建立自己的代码库。 就想 Js代码 代码如下: ziggy_js=function(){} ziggy_js.ui=function(){} ziggy_js.ui.alerts=function(){} ziggy_js.ui.alerts.showErrorAlert=function(){ alert("An error occurred"); } ziggy_js.ui.alerts.showErrorAlert(); //以在其中定义类 ziggy_js.ui.alerts.messageDisplayer=function(inMsg){ this.msg=inMsg; this.toString=function(){ return "msg="+this.msg; } } ...

Javascript学习笔记错误处理_javascript技巧【图】

Java代码 代码如下: javascript function test(inVal){ try{ inVal=inVal.toUpperCase(); }catch(error){ alert("An exception has occurred.Error was:\n\n"+error.message); } } 代码如下: javascript function test(inVal){ try{ inVal=inVal.toUpperCase(); }catch(error){ alert("An exception has occurred.Error was:\n\n"+error.message); } } 利用firefox的firebug来调bug 引用 代码如下: javas...

JavaScript语言精粹学习笔记_javascript技巧

JavaScript建立在一些非常好的想法和少数非常坏的想法之上。非常好的想法包括函数,弱类型,动态对象和一个富有表现力的对象字面量的表示法, 坏的想法包括基于全局变量的编程模型。 JavaScript的函数是基于词法作用域的顶级对象。Javascript是第一个成为主流的Lambda语言。相对于Java而言,JavaScript于Lisp和Scheme有更多的共同点。它是披着C外衣的Lisp。这使得JavaScript成为一个非常强大的语言。 现在大部分变成语言都流行要求...

Jquery学习笔记(一)_jquery

基础知识: 想要结构与行为分离当然不能使用之类的东西了,js是写在之间的,那就说起了 window.onload——这不是一个好东西,所以就有了Jquery颇具创意的 代码如下: $(document).ready(funciton(){ … }); 当然还会更精简: 代码如下: $(function(){ … }); 所以我的第一个Jquery脚本就是这样的。 $(function(){alert("Im ready")}); Jquery对象的方法与DOM对象的方法是不能混合使用的。例如$("#id").innerHTML或者document.ge...

Jquery学习笔记(二)_jquery【图】

选择器 从最开始看到Jquery这样的选择器就让我想起了CSS的选择器,简直是同出一辙啊,CSS的选择器语法个人觉得相当的经典,那么Jquery借鉴CSS也就没有多少疑问了。 还是复习一下Jquery的选择器吧 其中h1为选择器,color:red与background:#d00与声明,两者结合也即{}内称为声明块;color与background称为属性;red与#d00称为值。 其中选择器类别可分为以下类别: 标签选择器:p{CSS rules} id选择器:#ID{CSS rules} 类选择器:.Cla...

Dojo学习笔记入门篇FirstDojoExample_dojo【图】

Step 1: Configurate Dojo 从http://www.dojotoolkit.org/downloads 下载最新的Dojo包,并且放到你工程的某一个地方。比如,我就放把我的dojo库放在lib文件夹下(如图一)。 图一(文件目录结构) 在你的页面中加入如下代码,那么就完成了最基本的配置。 Step 2: Start your First Example 我的第一个例子是模拟一个简单的登录页面,如果成功,则显示“Right!”,反之则显示“Wrong!Please try it again!” 代码如下: U...

JS在IE和FF下attachEvent,addEventListener学习笔记_javascript技巧

对象名.addEventListener("事件名(不带ON)",函数名,true/false);(FF下) 对象名.attachEvent("事件名",函数名);(IE下) 说明:   事件名称,要注意的是"onclick"要改为"click","onblur"要改为"blur",也就是说事件名不要带"on"。 函数名,记住不要跟括号最后一个参数是个布尔值,表示该事件的响应顺序,下面重点介绍一下addEventListener的第3个参数(useCapture)。 userCapture若为true,则浏览器采用Capture,若为false则采用bub...

JavaScript学习笔记Black.Caffeine09.11.28_基础知识

1. 之前写的一直都是分散的函数,用到什么功能,就写什么函数,觉得不够整洁,所以这次写的是封装的类,用起来还不错,但是传递参数的时候遇到了不少问题,所以,查阅了很多资料,总结如下: 1)动态绑定事件问题: 需要将onclick事件绑定到对象上,比如列表项。需要用到addEventListener或者attachEvent,用于吧函数操作添加到事件中去,而不是覆盖,但是,attachEvent不支持FF,FF只能用addEventListener。so,就需要一个函数,把...

JAVASCRIPT - 技术教程分类
JavaScript 教程 JavaScript 简介 JavaScript 用法 JavaScript Chrome 中运行 JavaScript 输出 JavaScript 语法 JavaScript 语句 JavaScript 注释 JavaScript 变量 JavaScript 数据类型 JavaScript 对象 JavaScript 函数 JavaScript 作用域 JavaScript 事件 JavaScript 字符串 JavaScript 运算符 JavaScript 比较 JavaScript 条件语句 JavaScript switch 语句 JavaScript for 循环 JavaScript while 循环 JavaScript break 和 continue 语... JavaScript typeof JavaScript 类型转换 JavaScript 正则表达式 JavaScript 错误 JavaScript 调试 JavaScript 变量提升 JavaScript 严格模式 JavaScript 使用误区 JavaScript 表单 JavaScript 表单验证 JavaScript 验证 API JavaScript 保留关键字 JavaScript this JavaScript let 和 const JavaScript JSON JavaScript void JavaScript 异步编程 JavaScript Promise JavaScript 代码规范 JavaScript 函数定义 JavaScript 函数参数 JavaScript 函数调用 JavaScript 闭包 DOM 简介 DOM HTML DOM CSS DOM 事件 DOM EventListener DOM 元素 HTMLCollection 对象 NodeList 对象 JavaScript 对象 JavaScript prototype JavaScript Number 对象 JavaScript String JavaScript Date(日期) JavaScript Array(数组) JavaScript Boolean(布尔) JavaScript Math(算数) JavaScript RegExp 对象 JavaScript Window JavaScript Window Location JavaScript Navigator JavaScript 弹窗 JavaScript 计时事件 JavaScript Cookie JavaScript 库 JavaScript 实例 JavaScript 对象实例 JavaScript 浏览器对象实例 JavaScript HTML DOM 实例 JavaScript 总结 JavaScript 对象 HTML DOM 对象 JavaScript 异步编程 javascript 全部