Welcome 微信登录

首页 / 脚本样式 / JavaScript

jquery 中多条件选择器,相对选择器,层次选择器的区别

jquery 中多条件选择器,相对选择器,层次选择器的区别

一、Jquery常用的过滤选择器如下所示: 1、:first,选取第一个元素,比如$("div:first")选取第一个div元素 2、:last,选取最后一个元素,比如$("div:last")选取最后一个div元素 3、:not(选择器),选取不满足“选择器”条件的元素,比如$("div:not(.className)"),选取样式不是className的所有div元素 4、:even/:odd,选取索引为偶数/奇数的元素,比如$("div:even"...
JavaScript中变量提升 Hoisting

JavaScript中变量提升 Hoisting

因为我在写这文章的时候,百度里找资料,找到了园友的一篇文章,写的很好,可是我写了又不想放弃,所以就在里面拿了很多东西过来!~~ [翻译]JavaScript Scoping and Hoisting 希望得到大家谅解。 一。案发现场 我们先看一段很简单的代码: 复制代码 代码如下: var v="Hello World"; alert(v); 这个没有疑问吧,弹出“Hello World”。OK,我们继续。 我们在看一段Code: 复制代码 代码如下: ...
jquery(javascript)自动序列编号和属性编号实现代码

jquery(javascript)自动序列编号和属性编号实现代码

自动序列编号和自动属性编号,效果图如下:实现原理: 添加和删除是逆向过程,实现是一致的。 增加时,向父容器中增加元素append方法,并将所有的自定义属性编号和序列编号设置为空,然后通过$.each方法,重新为自定义属性编号和序列编号赋值。 复制代码 代码如下: $.each(items, function (k, v) { $(this).attr("opt", "mopt" + k); serials.eq(k).html(k); }); 删除时,为...
js原型链原理看图说明

js原型链原理看图说明

当初ECMAscript的发明者为了简化这门语言,同时又保持继承的属性,于是就设计了这个链表。。 在数据结构中学过链表不,链表中有一个位置相当于指针,指向下一个结构体。 于是乎__proto__也一样,每当你去定义一个prototype的时候,相当于把该实例的__proto__指向一个结构体,那么这个被指向结构体就称为该实例的原型。 文字说起来有点儿绕,看图说话 复制代码 代码如下: var foo = { x: 10, y: 20 }; 当我不指定__p...
jQuery $.get 的妙用 访问本地文本文件

jQuery $.get 的妙用 访问本地文本文件

场景: 当页面文件.html作为本地文件打开(即IE路径为file:///开头的)的时候,需要访问本地文本文件的内容时。 本地文件目录在页面文件的子文件夹。 目录结构 |-test.html |-Scripts |-data.txt 需要访问data.txt的内容。 代码: 复制代码 代码如下: $.get("Scripts/data.txt").success(function(content){ // content就为文件data.txt的文本内容了...
JavaScript面向对象之Prototypes和继承

JavaScript面向对象之Prototypes和继承

一、前言 本文翻译自微软的牛人Scott Allen Prototypes and Inheritance in JavaScript ,本文对到底什么是Prototype和为什么通过Prototype能实现继承做了详细的分析和阐述,是理解JS OO 的佳作之一。翻译不好的地方望大家修改补充。 二、正文 JavaScript中的面向对象不同于其他语言,在学习前最好忘掉你所熟知的面向对象的概念。JS中的OO更强大、更值得讨论(arguably)、更灵活。 1...
js点击页面其它地方将某个显示的DIV隐藏

js点击页面其它地方将某个显示的DIV隐藏

实现也很简单,但需要注意的是,在点击显示的事件中,需要做阻止事件冒泡的处理,否则就触发页面的点击事件了。但这样做也有一个缺点,即如果同一个页面中如果也有事件阻止冒泡,则不能隐藏DIV,所以在这样的事件中需要特殊处理下:自己调用隐藏下DIV(但正常来说这样的事件并不多); JS: 复制代码 代码如下: $(document).ready(function() { //语言头部的点击事件,显示语言列表 $(".language_selected").click...
js限制文本框只能输入数字(正则表达式)

js限制文本框只能输入数字(正则表达式)

好了,言归正传。话说我在网上找了很多限制文本框的办法都不尽人意,于是只好自己动手实践了,实践出真知嘛,这句话没错的。 复制代码 代码如下: function chkPrice(obj){ obj.value = obj.value.replace(/[^d.]/g,""); //必须保证第一位为数字而不是. obj.value = obj.value.replace(/^./g,""); //保证只有出现一个.而没有多个. obj.value = obj....
<< 561 562 563 564 565 566 567 568 569 570 >>