`
davidxiaozhi
  • 浏览: 241442 次
  • 性别: Icon_minigender_1
  • 来自: 北京
社区版块
存档分类
最新评论

jquery 应该注意的几件事情

阅读更多

1.change事件只能限制在input类型、textarea、select类型(包括了单选 select、复选框checkbox、单选框radio)

select类型(包括了单选 select、复选框checkbox、单选框radio)当value值改变的时候会立即出发change事件、而其他元素只有当失去焦点的时候才会出发change事件。

以下是官方说明

The change event is sent to an element when its value changes. This event is limited to <input>elements, <textarea> boxes and <select> elements. For select boxes, checkboxes, and radio buttons, the event is fired immediately when the user makes a selection with the mouse, but for the other element types the event is deferred until the element loses focus.

2.height()、.css('height')、.innerHeight()、.outerHeight()区别

首先.height()、.css('height')区别 二者的主要区别是后者返回的是带精确单位的如400px、而前者是不带的如400所以前者更适合数学计算

height().innerHeight()、.outerHeight() 这几个的主要区别是看图

.height()innerHeight()outerHeight()

 


触类旁通 宽度的就不再说明了

 

3. 。select() select事件只限制在文本框和文本域两个元素使用,

以下是官方原文

The select event is sent to an element when the user makes a text selection inside it. This event is limited to <input type="text"> fields and <textarea> boxes.

4. jquer1.4新增方法detach()

 

detach相对remove来说是指你要删除的jquery对象,如果把这些jquery对象插入新的dom中的话 其上bind的事件还会存在,

作用相当与$(selector).clone(true).appendTo(selector1).next().next().remove();=$(selector).detach().appendTo(selector1)

 

显然后者更简洁一点

 

5. wrap() 与 wrapAll()的区别

wrap("div")方法会为每一个匹配的元素单独添加一个父div,wrapAll(“div”) 则是为匹配的元素添加一个公共的父div

如下

 

<p>one</p>
<p>two</p>
<p>three</p>

 

使用$("p").wrap("div")则结果是

 

<div><p>one</p></div>
<div><p>two</p></div>
<div><p>three</p></div>

 

 

使用$("p").wrapAll("div");则结果是

 

<div>
<p>one</p>
<p>two</p>
<p>three</p>
</div>

 

6.get()方法

当$(selector).get()方法无参数的时候返回的是全部数据一个数组,当$(selector).get("-1") 当参数为负数的时候返回的是集合中最后一个,从后面算。

 

7. jQuery.extend() 、 jQuery.fn.extend()、jQuery.fn.interval=100(1.4新增) jQuery.fn.off(1.3新增)

jQuery.extend() 扩展的是jQuery对象,调用时得通过 $.funcName()调用

jQuery.fn.extend()扩展的是jQuery 元素集 调用时得通过$(selector).funcName()调用

jQuery.fn.interval 设置时jQuery动画l在一毫秒播放的帧数

jQuery.fn.off关闭jQuery动画

 

8.火狐下jquery代码失效的问题

 

<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<title>Insert title here</title>
<meta http-equiv="pragma" content="no-cache">
	<meta http-equiv="cache-control" content="no-cache">
	<meta http-equiv="expires" content="0">    
    <script src="http://code.jquery.com/jquery-1.4.4.js" charset="utf-8"></script>
	<script type="text/javascript">
	 $(function(){
	    //alert("------------");
		$("#file").bind("change",function(){alert($("#file").val())
			$("#file").val("失效的地方")
			alert("赋值ok");
			})
		$("#file2").val("223sdssssssssssssssdf")
		alert("---------sdfs---");
		})
	</script>
</head>
<body>
     <div> 
     	<input type="file" class="focus" value="cccccccccccc" id="file" />
     	<input type="text" class="focus" id="file2" />
     </div>
     <div id="new"> 
     	
     </div>
  </body>
</html>

 $("#file").val("失效的地方") ,在火狐浏览器如果向file上传文件框 赋值的时候那么alert("赋值ok");不会被弹出 ,

但是赋值为空是可以的如$("#file").val("");

 

 

分享到:
评论

相关推荐

    浅谈jQuery的应用.pdf

    9. 注意事项:在使用jQuery时需要注意代码的兼容性、文件的引入顺序(一般将jQuery库放在其他JavaScript文件之前)以及对象转换的正确性,以避免常见的错误。 描述:“浅谈jQuery的应用.pdf 对于入门jquery很有帮助...

    jQuery验证框架

    可以在这个回调函数中处理一些事情,如显示错误消息等。此回调有两个参数:一个是事件对象,另一个是验证器对象。 ```javascript $(".selector").validate({ invalidHandler: function(form, validator) { var ...

    jquery API学习资料

    它的设计理念是“编写更少的代码,做更多的事情”,极大地简化了JavaScript和Ajax的应用。jQuery框架的特点包括: - **简洁高效**:代码精简、语义清晰、易于学习。 - **轻量级**:最新的JavaScript包大小约为20KB...

    基于jquery的BlockUI做的遮罩层

    在网页开发中,有时我们需要创建一个遮罩层或者弹出框来提示用户或者阻止用户与页面其他部分的交互,这就是“基于jQuery的BlockUI”插件所做的事情。BlockUI是一款非常实用的jQuery插件,它能够方便地实现页面区域的...

    JQuery+ajax实现批量上传图片

    JQuery的核心理念是“write less, do more”,即“写更少的代码,做更多的事情”。 - **Ajax**:即“Asynchronous JavaScript and XML”的缩写,意为“异步JavaScript和XML”。Ajax技术允许网页在不重新加载整个...

    漂亮的Jquery弹出模态窗口提示框

    这种设计模式在用户体验中非常常见,因为它可以聚焦用户的注意力,并确保他们看到或回应关键信息。 这个jQuery插件提供了一种优雅的方式来实现模态提示框,无需复杂的CSS和JavaScript代码。它的优点包括但不限于: ...

    JQuery学习笔录 简单的JQuery

    普通的JavaScript在不同的浏览器中操作控件的方式并不统一,存在着诸多兼容性问题,编写跨浏览器的代码往往是一件非常麻烦的事情。因此,为了解决这些难题,一些JavaScript的封装库应运而生。这些库通过封装底层的...

    jquery-manifest:一个jQuery插件,为输入选择多个值增加了乐趣

    但是,删除收件人是一件痛苦的事情:用户必须精确地选择正确数量的文本,确保不要意外删除过多或过少的文字。 作为一个敏锐的开发人员,您知道用户体验应该会更好。 清单上也可以。 由在。 特征 改善的用户体验。 ...

    js以及jquery实现手风琴效果

    jQuery能做到的事情javascript也能做到。因此用这两种方法实现了图片手风琴效果。 按照惯例,还是上代码吧,因为代码里有我的注释也就相当于解释了!(^__^) 嘻嘻…… 先看一下javascript的代码吧: div布局:...

    jquerytutorial:jQuery 教程组项目

    #jQuery 教程 我们在自学 jQuery 的同时,将其作为一个小组项目进行了研究。... 今天,CSS3 和 JS 允许您执行 jQuery 最初为之设计的许多事情。 是一个方便的网站,它比较了 jQuery 和 JS,并让您确定是否需

    一步一步教你写一个jQuery的插件教程(Plugin)

    jQuery 的plugin开发需要注意的事情,1. 明确jQuery的命名空间只有一个。2. 明白options参数用来控制plugin的行为。3. 为默认的plugin设定提供公共的访问权限。4. 为子函数提供公共的访问权限。5. 私有的函数绝对...

    用jquery实现的模拟QQ邮箱里的收件人选取及其他效果(一)

    本篇文章主要介绍了如何利用jQuery以及其相关组件实现类似QQ邮箱中的收件人选取功能。接下来,我们将对文章中提到的关键技术知识点进行详细说明。 ### jQuery及Dialog组件 jQuery是一个快速、简洁的JavaScript库,...

    JQuery中阻止事件冒泡几种方式及其区别介绍

    然而,值得注意的是,`return false` 的这种额外功能在某些情况下可能导致意外的副作用,比如影响到其他依赖于该事件的代码逻辑。因此,除非确实需要取消默认行为,通常推荐使用更精确的 `event.stopPropagation()`...

    关于setInterval、setTimeout在jQuery中的使用注意事项

    总结以上,在jQuery中使用setInterval和setTimeout时需要注意以下几点: 1. 不要在setInterval或setTimeout的第一个参数中使用字符串包含函数调用,应该直接传递函数引用。 2. 当需要向定时器中传递参数时,应采用...

    在asp.net中使用jquery实现无刷新的验证用户名是否存在

    jQuery是一个快速、简洁的JavaScript库,其设计宗旨是“write less, do more”,即用更少的代码做更多的事情。它简化了HTML文档遍历、事件处理、动画以及Ajax交互等一系列操作,使得前端开发变得更加容易。 #### 3....

    jquery异步请求

    本文将详细介绍jQuery中几种常用的异步请求方法及其参数。 #### 二、$.post方法 `$.post` 方法用于向服务器发送POST请求。它接收三个参数: 1. **url**:需要请求的地址,即服务器端处理请求的URL。 2. **data**...

    jQuery实现控制文字内容溢出用省略号(…)表示的方法

    在jQuery的内容中,除了文本溢出显示省略号的技巧,还提到了一系列与jQuery相关的专题内容,比如《jQuery拖拽特效与技巧总结》、《jQuery扩展技巧总结》、《jQuery常见经典特效汇总》、《jQuery动画与特效用法总结》...

    jQuery函数的等价原生函数代码示例

    原生方法明显要比jQuery方法快,因为jQuery方法要处理浏览器兼容以及其他一些事情。是的,我完全赞成。写这篇文章并不是出于反对使用jQuery,但如果你针对的是现代浏览器,那么使用原生方法会使性能有很大的提升。...

    JQuery优缺点分析说明

    2. 最少的代码做最多的事情:jQuery的语法设计使得开发者可以用简短的代码实现复杂的效果。利用jQuery的选择器和方法,可以非常便捷地实现元素选择、样式的添加、动画效果的实现等,大大提高了开发效率。 3. 性能:...

    让jQuery与其他JavaScript库并存避免冲突的方法

    然而,在很多时候,频繁地书写jQuery()也是一件麻烦且易错的事情。为了简化代码,jQuery.noConflict()函数还允许开发者指定一个新的别名来替代$(),这样就可以继续使用熟悉的$()调用方式。要实现这一点,你需要将...

Global site tag (gtag.js) - Google Analytics