`
wnzz95391511
  • 浏览: 124666 次
  • 性别: 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教程自学笔记

    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教程自学笔记总结

    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笔记,包含了jQuery基本介绍、选择器、jQuery操作样式,还有一些小demo

    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学习笔记分享

    1. Jquery基本作用 2 2. 优点 2 3. 引入JQuery 2 4. 代码风格 2 5. 其他 JavaScript 库 3 6. 多个库之间的冲突 3 7. jQuery对象和DOM对象 3 第2章. jQuery选择器 4 1. jQuery优点 4 2. 基本选择器 4 3. 层次选择器 4...

    JQuery使用笔记

    牛人的笔记,十分给力。从基本的概念到高级的操作,全部有了。不用翻厚厚的书了

    jQuery学习笔记精心整理

    一. 什么是jQuery: 1. jQuery是第三方开发的执行DOM操作的极简化的函数库 ...4. 何时: 基本上PC端的项目或框架底层,都是由jQuery开发的。比如: bootstrap.js之前必须先引入jQuery.js。因为bootstrap.js是基于

    jQuery入门-1.0笔记

    jQuery入门的基本知识点整理,包括jQuery的基本语法,jQuery选择器,jQuery事件,jQuery效果,jQuery遍历,jQuery操作页面元素等等的基本内容。

    jQuery学习笔记

    jQuery基本语法 jQuery与DOM对象的转换 jQuery选择器 元素选择器 属性选择器 筛选 操作标签属性 操作css 内容操作 jQuery事件

    Jquery 基础学习笔记之文档处理

    本节让我们继续Jquery知识的了解:文档处理。文档处理主要是对HTML元素进行一些增操作,删除操作,复制操作,替换操作。

    狂神笔记,b站狂神说课程笔记大全(最新)

    狂神说java系列笔记(java基础+javaweb+ssm+微服务)全套 狂神说上课笔记未删减 Java基础到技术升级 1、JavaSE:Java入门 2、JavaSE:基础语法 3、JavaSE:流程控制 4、JavaSE:方法 5、JavaSE:数组 6、JavaSE:...

    jQuery学习笔记 操作jQuery对象 CSS处理

    CSS基本属性处理 方法 描述 css(name) 获取元素上CSS规则中name属性值 css(name,value) css(name,fn(index,value)) css({name1:value1,…,nameN:valueN}) 设置元素上CSS规则name属性的值为value,也可...

    jQuery基础 (一)—样式篇

    该文档描述的是jQuery 操作css样式的课程笔记,如有疑问,可以登录慕课网,查看视频讲解

    个人的博客笔记网页版!

    资源中我打包了一切能用到文件,包含了开发的思路,开发流程的Xmind总结文档,还有项目用到的mysql...能直接运行,基本上每个功能模块都有开发思路记录着,用户能随心随意的发表自己的博客,笔记,或随记.操作简单,界面优美.

    jQuery学习笔记之DOM对象和jQuery对象

    DOM对象和jQuery对象的操作时很重要的,是jquery与页面元素互动的基础。

    狂神说上课笔记未删减 Java基础到技术升级

    2、JavaSE:基础语法 3、JavaSE:流程控制 4、JavaSE:方法 5、JavaSE:数组 6、JavaSE:面向对象 7、JavaSE:异常机制 8、JavaSE:常用类 9、JavaSE:集合框架 10、JavaSE:IO流 11、JavaSE:多线程 12、...

    jQuery 源码分析笔记(7) Queue

    每个Element可以拥有多个队列,但是基本上都只使用到一个,即默认的fn队列。队列允许一系列函数被异步地调用而不会阻塞程序。例如:$(“#foo”).slideUp().fadeIn();其实这个就是我们大家常用的链式调用,实际上这是...

    前端笔记.zip

    这个文档包含了HTML/css的一些基础,还有JavaScript中的基础语法、DOM、BOM还有一些学习js中面向对象、和移动web开发、AJAX、jQuery的一些总结,还有些Web前端与移动开发面试宝典; 6、什么是事件冒泡/捕获? 事件...

Global site tag (gtag.js) - Google Analytics