随笔分类 - jquery,javascript
jquery,javascript 注意细节
摘要：.html(),.text(),.val(),.html()用为读取和修改元素的HTML标签，包括标签内的内容.text()用来读取或修改元素的纯文本内容,去除 html 标签.val()用来读取或修改表单元素的value值as:hiclickjs脚本:$(document).ready(funct...
阅读全文
摘要：jQuery实现购物车多物品数量的加减+总价+删除计算 单价:1.50 删除 单价:3.95 删除 总价：
阅读全文
摘要：jquery 图片放大镜 图片类似放大镜展示鼠标滑过小图异步加载中图、大图
阅读全文
摘要：总结version 1.7版本前.stop([clearQueue][,jumpToEnd])clearQueue: 布尔值，默认是 false;此值处理是相关的动画队列是否移除，如果为 false 时，则停止当前的动画，后面的动画按队列进行。如果为 true,则全部移除动画jumpToEnd:布尔...
阅读全文
摘要：// jquery 开发插件// 向jquery 的命名空间中添加一个函数，只需将这个新函数指定为 jquery 对象的一个属性：/*jQuery.globalFunction = function(){ alert("this is one lin3615");};*/// 这样可以在包含上面的代...
阅读全文
摘要：// jquery 之效果 .css()既可以获取值，如 .css('fontSize'), 又可以设置内置属性，既可用驼峰式，也可以用连字符版，如 .css('background-color', '#ff0000') 或 .css('backgroundColor', '#ff0000'), 既...
阅读全文
摘要：/*jquery 之 简单事件jquery 与其它库共存,提供了 .noConflict() 方法,用法如下首先,包含 jQuery 库，取得对 $ 的使用权。接着，调用 .noConflict() 方法让出 $ , 以便将控制权交还给最后包含的库,再包含 jQuery 之外的库（其它库）,这样就可...
阅读全文
摘要：css:选择符$('#selected-plays > li') 使用了子元素组合符，查找 ID 为selected-plays 的元素的子元素( > )中所有的列表 li$('#selected-plays li:not(.horizontal)') 取得 #selected-plays 的后代元...
阅读全文
摘要：在 jquery 代码中使用 $(document).ready()时，位于其中的所有代码都会在 DOM 加载后立即执行第一种（推荐）$(document).ready(function(){ alert("hi, lin3615");});第二种$().ready(function(){ aler...
阅读全文
摘要：/*JSON语法数据在名称/值对中数据由逗号分隔花括号保存对象方括号保存数组JSON 数据的书写格式是：名称/值对名称/值对包括字段名称（在双引号中），后面写一个冒号，然后是值;如"myweb":"lin3615"等价于 myweb = "lin3615"JSON 值，可以是数字，字符串(在双引号中)，逻辑值，数组{在方括号中}，对象（在花括号中）, null还可以设置值*/var data = {"lin":'lin3615'};//document.write(data.lin); // lin
阅读全文
摘要：js 高级函数作用域安全构造函数 function Person(name, age) { this.name = name; this.age = age; } var person1 = Person("lin3615", 26); //alert(window.name); // lin3615 alert(person1.name); // 出错，此时成了全局的了======================== function Person(name, age) { this.name = name; this.age = age; } var person1 =
阅读全文
摘要：js 事件事件冒泡：即事件开始时由最具体的元素（文档中嵌套层次最深的那个节点）接收，然后逐级上传播到较为不具体的节点（文档）。所有浏览器都支持,但IE如下: lin3615 click me如果点击了页面的 div 元素，则传播顺序为div -> body -> html -> documentdocument 4 ↖ element html 3 ↖ element body 2 ↖ element div 1 ↖firefox 等则用的是事件流叫事件捕获,其思想是从不太具体的节点应该更早接收到事件，而最具体的节点应该最后接收到事件。如上面代码， div 元素被点击了，则生
阅读全文
摘要：DOM 操作内容 innerText/innerHTMLinnerText属性(firefox不支持，可用 textContent)var div = document.getElementById("itTag");div.innerText/div.textContent 来获取里面的文本，会去除 html标签获取值时用div.innerText = "lin3615" / div.textContent="lin3615"为了兼容，可用下列方法 var obj = document.getElementById("tx
阅读全文
摘要：DOM 之 document 查找元素方法 getElementById("idName"); // 始终取得第一个 idName 的元素getElementsByTagName("元素标签名") // 返回是一个集合，可用[索引值]来获取相关指定元素或者通过 item(索引值),如 getElementsByTagName("p")[0] / getElementsByTagName("p").item(1);getElementsByName("name"); // 也就是说元素必须带有 n
阅读全文
摘要：/* avaiHeight // 屏幕的像素高度减去系统部件高度之后的值 var ah = screen.availHeight; alert(ah); */ /* availWidth 屏幕的像素宽度减去系统部件宽度之后的值 var aw = screen.availWidth; alert(aw); *//* // height 屏幕的像素高度 var h = screen.height; alert(h); */ // width 屏幕的像素宽度 var w = screen.width; alert(w);===============================history .
阅读全文
摘要：BOM 之 location它提供了与当前窗口中加载的文档有关的信息，还提供一些导航功能。既是 window对象的属性，也是document对象的属性，就是说，window.location 和 document.location 引用的是同一个对象。还可以将 URL 解析为独立的片段，如location.hash: "#contents" //返回 URL 中的 hash;location.host : www.cnblogs.com:80 //返回服务器名称和端口号（如果有）location.hostname: "www.cnblogs.com" /
阅读全文
摘要：BOM 之 window 对象 在网页中定义的任何一个对象，变量和函数，都以 window 作为其 Global 对象，因此有权访问别的方法和属性 var age = 26; function sayAge() { alert(this.age); } // alert(window.age); // 26 // sayAge(); // 26 window.sayAge(); // 26在全局作用域中定义了一个变量 age 和 一个函数 sayAge(),它们被自动归在了 window对象名下，于是，可以通过 window.age 访问变量 age,可以通过 window.sayAge().
阅读全文
摘要：因为每个函数在被调用时，其活动对象都会自动取得两个特殊的变量，this和arguments.内部函数的搜索这两个变量时，只会搜索到其活动对象为止。因此永远不可能直接访问到外部函数中的这两个变量 var name = "the windows"; var obj = { name:"lin615", getName: function(){ return function(){ return this.name; }; } }; // alert(obj.getName()()); // the windows ...
阅读全文
摘要：这样函数会返回一个数组。表面上看，似乎每个函数都应该返回自己的索引值，即位置为0的函数返回0，位置为1的返回1，以此类推。但实际上，每个函数都返回10。因为每个函数的作用域链中都保存着 cFunc()函数的活动对象，所以它们引用的都是同一个变量i,当cFunc() 函数返回后，变量 i 的值为 10,此时每个函数都引用着保存变量 i 的同一个变量对象，所以在每个函数内部 i 的值都是 10 function cFunc() { var result = new Array(); for(var i=0; i"); } //结果为 /*10101010101010101010 */==
阅读全文
