本文实例讲述了JQuery中属性过滤选择器用法。分享给大家供大家参考。具体如下:属性过滤选择器div{width:200px;border:1px solid red;margin:10px auto;} $(function () {//==========举例1================//: $("div[id]") ; 说明: 匹配包含给定属性的元素. 例子中是选取了所有带”id”属性的div标签.showElements($("div[id]"));//==========举例2================//$("div[myTag]='tt2') 匹配给定的属性是某个特定值的元素//匹...
本文实例讲述了JQuery中Text方法用法。分享给大家供大家参考。具体如下:JQuery Text方法div{width:100px;margin:0px auto;border:1px solid red;}$(function () {$("#btnSet").click(function () {$("#div1").text("我是设置后的文本"); //兼容火狐}); }); 我是div1我是div2希望本文所述对大家的jQuery程序设计有所帮助。
本文实例讲述了JQuery中attr方法和removeAttr方法用法。分享给大家供大家参考。具体如下:div{width:100px;margin:0px auto;border:1px solid red;}$(function () {$("#btnChange").click(function () {var $divs = $("div");//----1.举例1//$divs.eq(0).attr("MyAttr", "Ronaldo");//eq返回指定下标的JQuery对象(注意:此时$divs中有两个div的dom元素)//$divs.eq(1).attr("MyAttr", "Ronaldo1");//alert($divs.attr("MyAttr"));//读...
本文实例讲述了Jquery中基本选择器用法。分享给大家供大家参考。具体如下:Jquery 基本选择器.myDiv{width:100px;background-color:Blue;} //JQuery选择器用于查找满足条件的元素。 //基本选择器是JQuery中最常用的选择器,也是最简单的选择器, //它通过元素id,class和tagName来查找dom元素 //1.$("#id") : id选择器,document.getElementById("id"); //2.$("div") :元素选择器 document.getElementByTagName("div"); //3.$(".m...
本文实例讲述了jquery中map函数遍历数组用法。分享给大家供大家参考。具体如下:map函数/*注意map函数不能处理json格式对象的数组。*/ $(function () {var arr = [3, 6, 9];ShowArray(arr);//调用jquery的map方法 用来将一个数组,转成另一个数组//var arrChange = $.map(arr, function (item) { return item * 2; });//ShowArray(arrChange);//调用自己实现的mymap方法,达到和jquery的map方法一样的功能var myfunc = function (...
本文实例讲述了JavaScript中String.prototype用法。分享给大家供大家参考。具体如下:// 返回字符的长度,一个中文算2个 String.prototype.ChineseLength=function() { return this.replace(/[^\x00-\xff]/g,"**").length; } // 判断字符串是否以指定的字符串结束 String.prototype.EndsWith = function(str) {return this.substr(this.length - str.length) == str; } // 去掉字符左端的的空白字符 String.prototype.LeftTrim = ...
本文实例讲述了JQuery中层次选择器用法。分享给大家供大家参考。具体如下:层次选择器$(function () {//------1.在给定的祖先元素下匹配所有后代元素//(包含了子元素,以及子元素的元素,一直往下延伸)var $divs = $("#main div");for (var i = 0; i div");for (var i = 0; i .例子1var $divBrother = $("#div1 + div"); //用#div1 ID选择器 ,只取到div2alert($divBrother.get(0).id);//......例子2var $divBrothers = $("div + div...
本文实例讲述了javascript删除元素节点removeChild()用法。分享给大家供大家参考。具体分析如下: 操作DOM节点的方法:removeChild(),移除子节点,那么可以变通一下来实现移除指定的节点,我们可以先去找到要删除节点的父节点,然后在父节点中运用removeChild来移除我们想移除的节点。function removeElement(_element){var _parentElement = _element.parentNode;if(_parentElement){_parentElement.removeChild(_element);} }希...
本文实例讲述了javascript委托(Delegate)blur和focus用法。分享给大家供大家参考。具体分析如下: Opera (9.5b) 对于所有的focus和blur事件,不能正确的触发两次; 因此,focus和blur事件的处理函数可以被委派到事件的捕获阶段。 例子1(列表类):代码如下:列表项1列表项1.1列表项1.2列表项1.3其他列表项例子2(表单类):代码如下: 这里我们监听的是最外层的ol区块,如果我们用blur和focus事件,只是针对的是这整个的ol的,那么里...
本文实例讲述了js事件监听器用法。分享给大家供大家参考。具体分析如下: 1、当同一个对象使用.onclick的写法触发多个方法的时候,后一个方法会把前一个方法覆盖掉,也就是说,在对象的onclick事件发生时,只会执行最后绑定的方法。而用事件监听则不会有覆盖的现象,每个绑定的事件都会被执行。如下:window.onload = function(){ var btn = document.getElementById("yuanEvent"); btn.onclick = function(){ alert("第一个事件")...
本文实例讲述了jQuery插件制作之全局函数用法。分享给大家供大家参考。具体分析如下: 1、添加新的全局函数 所谓的全局函数,实际上就是jQuery对象的方法,但从实践的角度上看,他们是位于jQuery命名空间内部的函数 (1)添加一个函数,只需要将新函数指定为jQuery对象的一个属性。jQuery.five =function(){ alert("直接继承方式不一样"); }调用: 代码如下:$.five(); (2)添加多个函数jQuery.five =function(){ alert("直接继承方式...
本文实例讲述了jquery任意位置浮动固定层插件用法。分享给大家供大家参考。具体分析如下: 说明:可以让指定的层浮动到网页上的任何位置,当滚动条滚动时它会保持在当前位置不变,不会产生闪动 2009-06-10修改:重新修改插件实现固定浮动层的方式,使用一个大固定层来定位 2009-07-16修改:修正IE6下无法固定在top上的问题 09-11-5修改:当自定义层的绝对位置时,加上top为空值时的判断 这次的方法偷自天涯新版页 经多...
本文实例讲述了JavaScript使用addEventListener添加事件监听用法。分享给大家供大家参考。具体实现方法如下:This text is the title of the documentfunction showalert(){alert('you clicked me!');}function clickme(){var pelement=document.getElementsByTagName('p')[0];pelement.addEventListener('click', showalert, false);}window.addEventListener('load', clickme, false);Click MeYou Can't Click Me希望本文所述对大...
本文实例讲述了javascript原型模式用法。分享给大家供大家参考。具体分析如下: 一般在了解了工厂模式和构造函数模式的弊端之后,就知道为什么需要原型模式了 原型模式i的定义:每个函数都有一个prototype(原型)属性,这个属性是一个对象,它的用途是包含可以由特定类型的所有实例共享的属性和方法。比如在构造函数模型中sayInformation()方法,如果声明两个实例就要构造两次sayInformation方法,但是声明两次是没有必要的,这就是为...
本文实例讲述了jquery获取当前元素索引值用法。分享给大家供大家参考。具体如下: 今天在做促销页面的图片轮转效果时,下方页码的左边需要对应显示图片的说明信息,效果如下:思路: 页面部分当为当前状态的时候,会添加“active”样式。 通过获取 li class="active" 的索引值,对应找到相应的图片说明信息,显示出来。 解决: 通过jquery的 index() 可以很轻松的实现该效果。 代码如下: HTML:1 2 3 4 5 JavaScript:var carou...