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

JQuery基本操作笔记

阅读更多
获取select框中的已选值
$("#"+selectID+" option:selected").val();


获取radio单选框的已选值
var value = $('input[@name=radioName][@checked]').val();


获取checkbox需要注意的
(转)JQuery操作checkbox、radio等示例
在html的checkbox里,选中的话会有属性checked="checked"。
如果用一个checkbox被选中,alert这个checkbox的属性"checked"的值alert($"#xxx".attr("checked")),会打印出"true",而不是"checked"!
如果没被选中,打印出的是"undefined"。觉得很奇怪是吗?继续看下去~
不要尝试去做这样的判断:if($"#xxx".attr("checked")=="true")
因为这么做是错的,jQuery的API手册上写,attr(name)的返回值是object。
所以,应该是if($"#xxx".attr("checked")==true)

利用JS清空<input type='file'>中的值
浏览器中 上传文件控件,设置过value后,就不可再更改,只用利用form的reset方法才可以更改,但是这样做的话,其他的表单元素也都被reset里,所以要创建一个临时的form进行reset。
//创建一个新的from元素
var form = document.createElement("form");
			var span = document.createElement("span");
			var para_image_file = document.getElementById(para + "_file" + i);
			para_image_file.parentNode.insertBefore(span, para_image_file);
			form.appendChild(para_image_file);
			form.reset();
			span.parentNode.insertBefore(para_image_file, span);
			span.parentNode.removeChild(span);
			form.parentNode.removeChild(form);

在此没有采用JQuery,对JQuery创建结点方面的DOM操作不怎么熟悉。学习中!

JS实现两个web页面之间传递数据
主页面中加入如下代码
<input type="button" onclick="window.open('open.jsp');"
			value="test" />
<input id="testopener" type="text" />

副页面中如下
<script language="javascript" type="text/javascript">
	window.opener.document.getElementById("testopener").value = "Opened a window!";
window.close();
</script>

进行回调!(刚从朋友那学的,学习~~~~)
分享到:
评论

相关推荐

    jQuery基础自学笔记(pink老师jQuery全内容)

    《jQuery基础自学笔记》 jQuery 是一款非常流行的 JavaScript 库,由 John Resig 在2006年创建,它的出现极大地简化了JavaScript的DOM操作、事件处理、动画设计以及Ajax交互。jQuery 的设计理念是“Write Less, Do ...

    js&jquery;学习笔记

    1. **基础概念**:解释JavaScript和jQuery的基本原理和用途。 2. **DOM操作对比**:比较JavaScript原生DOM操作和jQuery的差异与优势。 3. **事件处理**:如何使用JavaScript和jQuery处理用户交互事件。 4. **动画与...

    JQuery教程自学笔记

    2.1 JQuery基本语法 5 2.1.1 JQuery选择器 6 2.2 JQuery事件响应 8 2.2.1 常见的JQuery事件 9 2.2.2 淡入淡出效果 12 2.2.3 滑动效果 15 2.2.4 动画效果 18 2.2.5 终止动画 20 2.2.6 回调函数 20 2.2.7 ...

    jquery UI(笔记)

    这个笔记主要涵盖jQuery UI的基本概念、核心组件、使用方法以及在实际项目中的应用。 ### 1. jQuery UI 的组成 jQuery UI 包含了以下几大部分: - **Widgets(组件)**:如对话框(Dialog)、日期选择器(Datepicker...

    JQuery教程自学笔记总结

    2.1 JQuery基本语法 5 2.1.1 JQuery选择器 6 2.2 JQuery事件响应 8 2.2.1 常见的JQuery事件 9 2.2.2 淡入淡出效果 12 2.2.3 滑动效果 15 2.2.4 动画效果 18 2.2.5 终止动画 20 2.2.6 回调函数 20 2.2.7 ...

    韩顺平jquery学习笔记及练习

    在这个文档中,你将了解到如何使用jQuery的$.ajax()方法进行基本和高级的AJAX请求,包括GET和POST操作,以及如何处理JSON、XML等数据格式。此外,文档可能还涵盖了AJAX的错误处理和进度回调函数的使用。 在jQuery中...

    jQuery基础笔记-1

    jQuery基本使用 ------------- ### 2.1 jQuery下载 可以从官网下载最新版本的jQuery文件,通常有压缩版和未压缩版两种,压缩版用于生产环境,未压缩版用于开发环境。 ### 2.2 jQuery入口函数 jQuery入口函数是...

    jQuery基础学习笔记

    jQuery 是一个广泛使用的 JavaScript 库,它简化了DOM操作、事件处理、动画制作以及Ajax交互。对于熟悉JavaScript的开发者来说,jQuery提供了一种更高效、更简洁的方式来完成常见任务。以下将详细介绍jQuery的基础...

    javascript and jquery学习笔记与资料

    这里,我们有针对这两个主题的学习笔记和参考资料,包括JavaScript培训、jQuery API、JavaScript基础、函数详解以及jQuery使用手册等内容。让我们逐一探讨这些知识点。 首先,`JavaScript培训.zip`可能包含的是对...

    JQuery教程自学笔记(最新)

    2.1 JQuery基本语法 5 2.1.1 JQuery选择器 6 2.2 JQuery事件响应 8 2.2.1 常见的JQuery事件 9 2.2.2 淡入淡出效果 12 2.2.3 滑动效果 15 2.2.4 动画效果 18 2.2.5 终止动画 20 2.2.6 回调函数 20 2.2.7 ...

    我的JQuery笔记.doc

    以上是jQuery基础操作的简要概述,实际应用中,jQuery还提供了许多高级功能,如动画效果、Ajax请求、插件扩展等。学习jQuery,不仅可以提高开发效率,还能让你的网页交互更加流畅、美观。在学习过程中,结合实践不断...

    jquery完全笔记 带目录 高清 经典前端js笔记 前端必看

    ### jQuery完全笔记知识点概述 #### 1. jQuery概述 jQuery是一个快速、小型且功能丰富的JavaScript库,它简化了HTML文档遍历、事件处理、动画和Ajax交互。通过使用jQuery,可以更方便地在网页中操作文档对象、选择...

    JQuery自学学习笔记

    ### JQuery自学学习笔记 #### 一、JQuery简介与基本语法 JQuery 是一款轻量级的 JavaScript 库,极大地简化了 HTML 元素的选择、操作以及事件处理等任务。它提供了一种更加简单的方式来进行网页开发,使得开发者...

    jQuery笔记

    jQuery 是一个广泛使用的 JavaScript 库,它以简洁的语法和强大的功能著称,极大地简化了网页的DOM操作、事件处理和动画制作。"写的更少,但做的更多"是jQuery的核心理念,它允许开发者用相对较少的代码实现复杂的...

    jQuery学习笔记(一)

    **jQuery学习笔记(一)** 在深入探讨jQuery之前,我们首先要理解什么是jQuery。jQuery是一个高效、易用且功能丰富的JavaScript库,它简化了HTML文档遍历、事件处理、动画制作和Ajax交互等任务。由John Resig在2006...

    教你如何做一个自己的jQuery插件,jQuery扩展笔记

    至此,你已经掌握了创建基本jQuery插件的技巧。通过这个基础,你可以构建更复杂的插件,实现更多自定义功能,比如动画效果、数据处理、交互逻辑等。在开发过程中,遵循jQuery的最佳实践,保持代码简洁和可维护性,你...

    锋利的jquery(学习笔记)

    以上就是关于《锋利的jQuery》学习笔记中涉及的一些核心知识点,包括jQuery对象与DOM对象的转换、解决库冲突的方法以及jQuery对CSS选择器和选择器的扩展应用。理解并掌握这些内容,将有助于你更加高效地使用jQuery...

    jquery学习笔记

    《jQuery学习笔记详解》 jQuery,作为一款广泛应用...从基本选择器和DOM操作,到复杂的动画和Ajax交互,每个部分都值得我们深入研究。希望这篇笔记能成为你探索jQuery世界的向导,助你在Web开发的道路上更加得心应手。

Global site tag (gtag.js) - Google Analytics