首页
网站首页
公司简介
资讯中心
推荐内容
返回顶部
www.64222.com:获取URL的GET参数值的小例子_jquery_脚本之家,关于伪类选择符的使用说明_jquery_脚本之家
发布时间:2019-12-28 20:34
浏览次数:

复制代码 代码如下:// * jQuery url get parameters function [获取URL的GET参数值]// *character_set UTF-8// * author Jerry.li// * version 1.2012.12.11.1400// * Example// * // * var GET = $.urlGet(); //获取URL的Get参数// * var id = GET['id']; //取得id的值// *{ $.extend( {// // url get parameters// public// return array { var aQuery = window.location.href.split;//取得Get参数 var aGET = new Array(); if { var aBuf = aQuery[1].split; for(var i=0, iLoop = aBuf.length; i

Array没有indexOf方法,这样在一个数组中查找某个元素的索引时比较麻烦,为了调用方便,于是通过prototype原型扩展了Array.prototype.indexOf(),这样用起来就比较方便了。但是这个自定义的indexOf在对数组进行遍历的时候却出现了问题。 Array没有indexOf方法,这样在一个数组中查找某个元素的索引时比较麻烦,为了调用方便,于是通过prototype原型扩展了Array.prototype.indexOf(),这样用起来就比较方便了。 复制代码 代码如下: Array.prototype.indexOf = function { for (var i = 0; i < this.length; i++) { if return i; } return -1; } 用的时候直接 复制代码 代码如下: var arr=[1,2,3,4,5]; var index=arr.indexOf; //index==0 扩展了以后,用起来很爽很方便,一片和谐景象... 但是某次是遍历数组元素的时候,使用for..in..循环,引发了其他的问题,打破了这个和谐的氛围。 复制代码 代码如下: var a=["张飞","关羽","刘备","吕布"]; for{ document.write; } 本来想输出这四个人的名字,结果输出的是什么呢? 输出的居然是: //0=张飞 //1=关羽 //2=刘备 //3=吕布 //indexOf=function { for (var i = 0; i < this.length; i++) { if return i; } return -1; } 除了把名字打出来以外,还额外输出了自己扩展的方法indexOf,但是令人疯狂的是,firefox却是“正常”的,只有四个人的人名,为什么会这样? 输出indexOf,自己扩展的,可以理解,毕竟for..in是遍历一个对象的所有用户定义的属性或者一个数组的所有元素。 那么firefox为什么不会? 后来查了资料才明白, Array在javascript1.6版本已经支持Array.indexOf(),而我用的firefox是3.5版本,已经支持javascript1.8了,indexOf是其Array本身固有的方法了。 而IE,即使我用的是IE8,也才支持到javascript1.3版本。 所以IE8认为indexOf是“用户定义的属性”,而firefox认为是自己原生支持的固有的属性。 真的是这样吗? 做个实验,把indexOf更名为myIndexOf,再试试,结果IE和firefox都输出myIndexOf,证明前面的观点是正确。 那么又来了个问题,我扩展indexOf很久了,现在不少项目的代码都已经在使用这个方法,而现在我非要使用for..in输出数组本身的元素,不要其他我自己扩展到俄方法,怎么办? 好在javascript提供了hasOwnProperty方法。 看一下其描述: Every object descended from Object inherits the hasOwnProperty method. This method can be used to determine whether an object has the specified property as a direct property of that object; unlike the in operator, this method does not check down the object's prototype chain 看描述,就是我们想要的东西。 在for...in..里做个 判断就OK了 复制代码 代码如下: if{ document.write; } 另外,附上hasOwnProperty用法示例,来源于互联网: 复制代码 代码如下: function Book { this.title = title; this.author = author; } Book.prototype.price = 9.99; Object.prototype.copyright = "herongyang.com"; var myBook = new Book("JavaScript Tutorials", "Herong Yang"); // Dumping built-in properties at the base prototype level document.writeln("/nObject.prototype's built-in properties:"); dumpProperty(Object.prototype, "constructor"); dumpProperty(Object.prototype, "hasOwnProperty"); dumpProperty(Object.prototype, "isPrototypeOf"); dumpProperty(Object.prototype, "toString"); dumpProperty(Object.prototype, "valueOf"); dumpProperty(Object.prototype, "copyright"); // Dumping built-in properties at the my prototype level document.writeln("/n==================/nBook.prototype's built-in properties:"); dumpProperty(Book.prototype, "constructor"); dumpProperty(Book.prototype, "hasOwnProperty"); dumpProperty(Book.prototype, "isPrototypeOf"); dumpProperty(Book.prototype, "toString"); dumpProperty(Book.prototype, "valueOf"); dumpProperty(Book.prototype, "copyright"); // Dumping built-in properties at the object level document.writeln("/n==================/nmyBook's built-in properties:"); dumpProperty(myBook, "constructor"); dumpProperty(myBook, "hasOwnProperty"); dumpProperty(myBook, "isPrototypeOf"); dumpProperty; dumpProperty; dumpProperty; function dumpProperty { var inheritance; if (object.hasOwnProperty inheritance = "Local"; else inheritance = "Inherited"; document.writeln(property+": "+inheritance+": " +object[property]); } 查看浏览器支持javascript到哪个版本: 复制代码 代码如下:

1、 重新导航到指定的地址:navigate;

jQuery选择器的强大不仅在于选择器支持基本的css选择符,还支持很多CSS的伪类选择符,甚至可以自定义选择符,下面让我们来看看一些伪类选择符

浏览器的JavaScript版本支持测试

2、

:nth-child的用法 nth-child是一个css3伪类选择符,在jQuery中被实现了,在Jquery API中对nth-child的定义是:”匹配其父元素下的第N个子或奇偶元素“。读着感觉有点绕口,下面让我们通过例子来说明:复制代码 代码如下:

(1、*setInterval每隔一段时间执行指定的代码,第一个参数为代码的字符串,第二个参数为间隔时间,返回值为定时器的标识。如:

  • one
  • two
  • three
  • four
  • five
  • six
  • seven
  • eight
  • nine

www.64222.com:获取URL的GET参数值的小例子_jquery_脚本之家,关于伪类选择符的使用说明_jquery_脚本之家。setInterval",5000);

*clearInterval取消setInterval的定时执行,相当于Timer中的Enabled=False。因为setInterval可以设定多个定时,所以clearInterval要指定清除那个定时器的标识,即setInterval的返回值。

  • 1
  • 2
  • 3
  • 4
  • 5
  • 6
  • 7
  • 8
  • 9

var intervalld= setInterval",5000);clearInterval;

运行效果如下:

(2、setTimeout也是定时执行,但是不像setInterval那样是定时执行,而是设定时间后只执行一次,clearTimeout也是清除定时。 很好区分:Interval是定时;Timeout是超时之意。

API定义中的匹配其父辈指的是所选元素的父元素不同,则分开选择。在上面例子中虽然一共选择18个

var timeoutld=setTimeout",2000);(3、案例:实现标题栏走马灯的效果,也就是浏览器的标题文字每隔500ms向右滚动一下复制代码 代码如下:跑马灯效果

但是这18

欢迎来到daomul的博客,欢迎再来,谢谢

分属于2个不同的

3、

,所以会选择两个.如果将其放入同一个

(1、onload:网页加载完毕时触发,浏览器是一边下载文档、一边解析执行,可能会出现JavaScript执行时需要操作某个元素,这个元素还没有加载,如果这样就要把操作的代码放到body的onload事件中,或者可以把JavaScript放到元素之后。元素的onload事件是元素自己加载完毕时触发,而body 里的onload才是全部加载完成。 后触发。onbeforeunload:窗口离开就会弹出确认消息。如:

中,如果放入同一个

4、

执行上面代码,则:

除了有特有的属性之外,当然还有通用的HTML元素的事件:onclick、onkeydown、onkeypress、onmousedown、onmousemove、onmouseout、onmouseover、onmouseup等。

理解了上面匹配父辈元素,下面来说说这个选择符参数的用法.

5、window对象的属性

向上面那样直接给出选择的位置,但是这里注意,这个位置是以1为开始的,而不是0 n个倍数选择法,比如可以使3n+1,-3n+1,4n,等,匹配所有页面上存在的n的倍数

(1、window.location.href="http://www.sina.com.cn",重新导向新的地址,和navigate方法效果一样。window.location.reload()刷新页面。(2、window.event是非常重要的属性,用来获得发生事件时的信息,事件不局限于window对象的事件,所有元素的事件都可以通过event属性取到相关信息。 a、altKey属性,boot类型,表示发生事件时alt键是否被按下,类似的还有ctrlKey、shiftKey属性复制代码 代码如下:windows事件样例

例子:复制代码 代码如下:

  • one
  • two
  • three
  • four
  • five
  • six
  • seven
  • eight
  • nine

b、 clientX、clientY 发生事件时鼠标在客户区的坐标;screenX、screenY发生事件时鼠标在屏幕上的坐标;offsetX、offsetY发生事件时鼠标相对于事件源的坐标。c、returnValue属性,如果将returnValue设置为false,就会取消默认事件的处理。d、srcElement:获得事件源对象e、KeyCode:发生时间时的按键值f、button:发生时间时鼠标的按键,1为左键,2为右键,3为左右键同时按。

效果:

6、clipboardData对象,对粘贴板的操作。clearData清空粘贴板;getData读取粘贴板的值,返回值为粘贴板中的内容;setData,设置粘贴板中的值。

可见相对应的元素都被匹配

(1、当复制的时候body的oncopy方法被触发,直接return false就是禁止复制。

3.还有一种用法是我们熟知的odd和even,就是奇数和偶数,如下:复制代码 代码如下:

友情链接: 网站地图
Copyright © 2015-2019 http://www.nflfreepicks.net. 新葡萄京娱乐场网址有限公司 版权所有