jQuery函数的第二个参数可以指定DOM元素的搜索范围。 第二个参数可分为以下类型 DOM reference jQuery wrapper document 代码示例 代码如下:<!DOCTYPE html> <html> <body> <form> <input name="" type="checkbox"/> <input name="" type="radio"/> <input name="" type="text"/> <input name="" type="button"/> </form> <form> <input name="" type="checkbox"/> <input name="" type="radio"/> <input name="" type="text"/> <...
删除 删除操作非常简单,直接在结果集后链式调用remove()方法即可。 例如,要删除以下html脚本中所有的a元素,直接通过 代码如下:$(a.remove(); 就可以做到了。 代码如下:<h3>Anchors</h3> <a href="#" class="remove">Anchor Element</a> <a href="#">Anchor Element</a> <a href="#" class="remove">Anchor Element</a> 当然也可以通过向remove传参的形式来过滤选择结果,然后再执行remove操作。 代码如下:$(a).remove(.rem...
测试页面代码: 代码如下:<html> <head> <title>jquery方式,访问iframe页面dom元素</title> <meta name="Author" content="孙勤波"> <meta http-equiv="Content-Type" content="text/html;charset=utf-8" /> <script type="text/javascript" src="http://s1.bdstatic.com/r/www/cache/static/jquery/jquery-1.10.2.min_f2fb5194.js"></script> <script type="text/javascript"> function getIframeDom(){ // 获取iframe的test元素...
jquery选择器众多,使用选取某个DOM的方法有很多种,如何在选取的某个元素集上面做一些排除呢?下面通过几个实例说明: 1.选择所有的img元素,排除class=phpernote的元素的个数: 代码如下:$(img:not(.phpernote)).length();//或者$(img).not(.phpernote).length();2.获取id=phpernote下面所有没有class=com的li元素的个数 代码如下:$(#phpernote li:not(.com)).size();//或者$(#phpernote li).not(.com).length();3.设置id=phpern...
1、绑定事件 代码如下:$(#id).bind("click",function(){ ... }) 可一次性绑定多个事件 代码如下:$(#id).bind("click mouseover mouseout",function(){ ... }) 2、解除绑定 代码如下:$(#id).unbind("click") 3、绑定一次 代码如下:$(#id).one("click",function(){ ... })
在一些复杂的页面中经常会用JavaScript处理一些DOM元素的动态效果,这种时候我们经常会用到一些元素位置和尺寸的计算,浏览器兼容性问题也是不可忽略的一部分,要想写出预想效果的JavaScript代码,我们需要了解一些基本知识。 基础概念 为了方便理解,我们需要了解几个基础概念,每个HTML元素都有下列属性offsetWidthclientWidthscrollWidthoffsetHeightclientHeightscrollHeightoffsetLeftclientLeftscrollLeftoffsetTopclientTop...
代码如下:// jquery对象转js对象 $(#search)[0].checked=true; // js对象转jquery对象 var obj = document.getElementById(search); alert($(obj).checked);
标准规范 HTML5规范文档中指出:如果一个元素符合下面两条规则中的任一条,则window对象中必须要有与之对应的一个属性,属性值就是这个对象.如果一个元素拥有ID属性,那么ID属性的属性值就会成为window对象的属性名. 如果一个元素拥有name属性,那么name属性的属性值就会成为window对象的属性名.但这个元素的标签名必须是: a, applet, area, embed, form, frame, frameset, iframe, img, object,其中的一个. 让我们看一个例子.假定存在...
DOM元素都有一些标准事件,一般使用时只要使用onclick=function的方式就可以了,但是当需要为DOM元素添加多个事件,删除事件,或在用Javascript封装控件的时候,为封装的控件添加自定义事件的时候,onclick=function的方式就不够用了,但是浏览器有addEventListener和attachEvent方法可供调用,从而模拟出类似于C#中的事件委托的事件触发机制! 代码如下:/* * 功能:事件处理 * Author:LQB * 时间:2009-1-4 * #include JCore.js...
jQuery的$调用后想要获取DOM元素可以使用get方法,如下 代码如下:// 方式1 $(div).get(1); // 获取页面中第二个div 当然,也可以使用数组索引方式获取 代码如下:// 方式2 $(div)[1]; // 获取页面中第二个div 上面两种方式都可以获取某一个特定的DOM元素,而获取DOM元素集合却要使用toArray方法 代码如下:$(div).toArray(); // 返回页面中所有的div,依次放入数组中 看看get方法的源码 代码如下:get: function( num ) { retu...
动态创建div: 代码如下:$(function(){ $("<div>",{ id: test, text: this is a test, "class": "test", click: function(){ $(this).toggleClass(test); } }).appendTo("body"); }) 动态创建input: 代码如下:$(function(){ $("<input>", { type: text, val: test, focusin: function() { $(this).addClass(active); }, focusout: function() { $(this).removeClass(active); } }).appendTo("body"); })
代码如下:<script type="text/javascript"> document.getElementById("testDiv").innerHTML ="动态创建的div"; </script> 而且用的应该是还是乐此不疲,但是有多少人知道这是错误的做法!错误的原因: (1) 在页面加载时改变了页面的结构. 在IE6中如果网络变慢或者页面内容太大就会出现"终止操作"的错误. 也就是说"永远不要在页面加载时改变页面的Dom模型". (2) 使用修改HTML内容添加元素, 不符合Dom标准. 在实际工作中也碰到过使用这...
一、背景知识介绍 通常为DOM元素增加事件有以下几种办法: 1,硬编码形式 2,事件监听 3,JS框架提供的事件绑定 1,硬编码形式,采用的是原始事件(Original Event)的形式。 代码类似如下: 代码如下:<element onclick=func(); /> document.getElementById(element_id).eventName = func(); 2,事件监听机制,这种形式采用的做法是根据DOM事件机制,分为DOM标准事件模型addEventListener和IE事件模型attchEvent。 代码类似如下:...
代码如下:var props = { for : htmlFor, class: className, readonly: readOnly, maxlength: maxLength, cellspacing: cellSpacing, rowspan: rowSpan, colspan: colSpan, tabindex: tabIndex, usemap: useMap, frameborder: frameBorder } 说点题外话,用json格式来创建对象的话,建议属性不需要单引号或者双引号,除非一些ecmascript的关键词,比如上面的for,class等,建议平时还是用...
有一个文本框,id 为 d,用下面的 js 代码,想让其获得焦点。 document.getElementById("d").focus(); 结果代码在 IE 中不起作用,要让 IE 中也获得焦点,得用类似如下的代码: 代码如下:document.body.onload = function(){ document.getElementById("d").focus(); }