- 浏览: 606033 次
- 性别:
- 来自: 郑州
文章分类
最新评论
-
AlanKay:
Mart_dai 写道Hi 齐晓威_518,我想问问,在exc ...
java 后台 Excel 文件生成后转化为字节流 -
18335864773:
国内的pageoffice插件也可以生成excel。也可以用流 ...
java 后台 Excel 文件生成后转化为字节流 -
JAVA_CLASSm:
你好,请问这个还有源码吗?我刚开始接触这个,想要源码学习一下. ...
同一账号不能多地登录(限制同一账号同一时刻只能一个用户登录使用,向QQ一样) -
pangjinquan:
...
前台JS获取后台的Json数据, 动态创建table并填充数据--转自一位朋友 -
lvjun106:
这是增加删除列,,,,
JQuery自动为表格增加一列
<%@ page contentType="text/html;charset=GBK" language="java" %>
<html>
<head><title>Simple jsp page</title>
<script type="text/javascript" src="jquery/jquery-1.4.3.js"></script>
<script type="text/javascript">
$(function() {
$("#btn").attr("disabled",true); //使用attr设置属性
});
</script>
</head>
<body>
<textarea rows="3" cols="3" >aaaaaaaaaaa</textarea>
<input type="button" value="禁用" id="btn">
</body>
</html>
<%@ page contentType="text/html;charset=GBK" language="java" %>
<html>
<head><title>jquery的Dom操作</title>
<style type="text/css">
.test{background: #3333ff };
</style>
<script type="text/javascript" src="jquery/jquery-1.4.3.js"></script>
<script type="text/javascript">
$(function() {
$("#div1").click(function(){
var a = $("<div>b</div>");
$("#div1").append(a);
});
});
$(function() {
$("#btn").click(function(){
$("li.test").remove();
});
});
</script>
</head>
<body>
<h3>Jquery的Dom操作</h3>
1.使用html()方法读取或者设置元素的innerHTML:alert($("a:first").html());$("a:first").html("hello") <br>
2.使用text()方法读取或这是元素的innerText:alert($("a:first").text()) ,$("a:first").text("hello") <br>
3.使用attr()方法读取或者设置元素的属性,对于jquery没有封装的属性用attr进行操作
$("a:first").attr("href");$("a:first").attr("href","http://www.sina.com") <br>
4.使用removeAttr删除属性<p></p>
<h3>动态创建Dom节点</h3>
1.使用$(html字符串)来创建Dom节点,并且返回一个jquery对象,然后调用append等方法将
新创建的节点添加到Dom中:
var link=$("<a href='http://www.sina.com'>新浪</a>");<br>
$("div:first").append(link); <br>
$()创建的就是一个jquery对象,可以完全进行操作
var link= $("<a href='http://www.sina.com'>新浪</a>")
link.text("新浪");
$("div:first").append(link)<br>
append方法用来在元素的末尾追加元素<br>
prepend,在元素的开始添加元素<br>
after,在元素之后添加元素(添加兄弟)<br>
before,在元素之前添加元素(添加兄弟) <br>
删除节点:<br>
1.remove()删除选择的节点<br>
remove方法的返回值是被删除的节点对象,还可以继续使用被
删除的节点,比如重新添加到其他节点下
var lie=$("#ulsite li").remove();
$("#ulsite2").appeng(lis);<br>
empty()是将节点清空 <p></p><p></p>
<div id="div1">点我添加div</div><p/> </p>
<ul>
<li class="test">abc</li>
<li>abc</li>
<li class="test">abc</li>
<li>abc</li>
<li>abc</li>
</ul>
<input type="button" value="点我删除li" id="btn"/>
</body>
</html>
<%@ page contentType="text/html;charset=GBK" language="java" %>
<html>
<head><title>jquery选择器</title>
<script type="text/javascript" src="jquery/jquery-1.4.3.js"></script>
<script type="text/javascript">
$(function() {
$("#btn").click(function(){
alert($("input:checked").length);
})
});
</script>
</head>
<body>
jquery属性过滤选择器:<br>
1.$("div[id]")选取有id属性的div标签<br>
2.$("div[title=test]")选取属性为"test"的div标签 ,jquery中没有对get
ElementsByName进行封装,用$("input[name="abc"]")表示name为abc的input标签<br>
3.$("div[title=test]")选取title属性不为test的div标签<br>
表单对象选择器:<br>
1.$("#form1:eneabled")选取id为from1的表单元素内所有启用的元素<br>
2.$("#form1:disabled")选取id为form1的表单内所有禁用的元素<br>
3.$("input:checked")选取所有选中的元素(Radio,CheckBox)<br>
4.$("select:selected")选取所有选中的选项元素(下拉列表)<p/>
5.$(":input")选取所有的input,textarea,select 和button元素,和$("input")不一样,$("input")只获得input<br>
6.$(":text")选取所有的单行文本框<br>
7.$(":password")选取所有的密码框.同理还有:radio,:checkbox,:submit,:image,:reset,:button ,
:file,:hidden
<form action="#" method="post">
足球:<input type="checkbox" name="aihao" value="足球"><br>
篮球:<input type="checkbox" name="aihao" value="篮球"><br>
排球:<input type="checkbox" name="aihao" value="排球"><br>
棒球:<input type="checkbox" name="aihao" value="棒球"><br>
<input type="button" id="btn" value="提交">
</form>
</body>
</html>
<html>
<head><title>Simple jsp page</title>
<script type="text/javascript" src="jquery/jquery-1.4.3.js"></script>
<script type="text/javascript">
$(function() {
$("#btn").attr("disabled",true); //使用attr设置属性
});
</script>
</head>
<body>
<textarea rows="3" cols="3" >aaaaaaaaaaa</textarea>
<input type="button" value="禁用" id="btn">
</body>
</html>
jquery的Dom操作
<%@ page contentType="text/html;charset=GBK" language="java" %>
<html>
<head><title>jquery的Dom操作</title>
<style type="text/css">
.test{background: #3333ff };
</style>
<script type="text/javascript" src="jquery/jquery-1.4.3.js"></script>
<script type="text/javascript">
$(function() {
$("#div1").click(function(){
var a = $("<div>b</div>");
$("#div1").append(a);
});
});
$(function() {
$("#btn").click(function(){
$("li.test").remove();
});
});
</script>
</head>
<body>
<h3>Jquery的Dom操作</h3>
1.使用html()方法读取或者设置元素的innerHTML:alert($("a:first").html());$("a:first").html("hello") <br>
2.使用text()方法读取或这是元素的innerText:alert($("a:first").text()) ,$("a:first").text("hello") <br>
3.使用attr()方法读取或者设置元素的属性,对于jquery没有封装的属性用attr进行操作
$("a:first").attr("href");$("a:first").attr("href","http://www.sina.com") <br>
4.使用removeAttr删除属性<p></p>
<h3>动态创建Dom节点</h3>
1.使用$(html字符串)来创建Dom节点,并且返回一个jquery对象,然后调用append等方法将
新创建的节点添加到Dom中:
var link=$("<a href='http://www.sina.com'>新浪</a>");<br>
$("div:first").append(link); <br>
$()创建的就是一个jquery对象,可以完全进行操作
var link= $("<a href='http://www.sina.com'>新浪</a>")
link.text("新浪");
$("div:first").append(link)<br>
append方法用来在元素的末尾追加元素<br>
prepend,在元素的开始添加元素<br>
after,在元素之后添加元素(添加兄弟)<br>
before,在元素之前添加元素(添加兄弟) <br>
删除节点:<br>
1.remove()删除选择的节点<br>
remove方法的返回值是被删除的节点对象,还可以继续使用被
删除的节点,比如重新添加到其他节点下
var lie=$("#ulsite li").remove();
$("#ulsite2").appeng(lis);<br>
empty()是将节点清空 <p></p><p></p>
<div id="div1">点我添加div</div><p/> </p>
<ul>
<li class="test">abc</li>
<li>abc</li>
<li class="test">abc</li>
<li>abc</li>
<li>abc</li>
</ul>
<input type="button" value="点我删除li" id="btn"/>
</body>
</html>
jquery表单选择器
<%@ page contentType="text/html;charset=GBK" language="java" %>
<html>
<head><title>jquery选择器</title>
<script type="text/javascript" src="jquery/jquery-1.4.3.js"></script>
<script type="text/javascript">
$(function() {
$("#btn").click(function(){
alert($("input:checked").length);
})
});
</script>
</head>
<body>
jquery属性过滤选择器:<br>
1.$("div[id]")选取有id属性的div标签<br>
2.$("div[title=test]")选取属性为"test"的div标签 ,jquery中没有对get
ElementsByName进行封装,用$("input[name="abc"]")表示name为abc的input标签<br>
3.$("div[title=test]")选取title属性不为test的div标签<br>
表单对象选择器:<br>
1.$("#form1:eneabled")选取id为from1的表单元素内所有启用的元素<br>
2.$("#form1:disabled")选取id为form1的表单内所有禁用的元素<br>
3.$("input:checked")选取所有选中的元素(Radio,CheckBox)<br>
4.$("select:selected")选取所有选中的选项元素(下拉列表)<p/>
5.$(":input")选取所有的input,textarea,select 和button元素,和$("input")不一样,$("input")只获得input<br>
6.$(":text")选取所有的单行文本框<br>
7.$(":password")选取所有的密码框.同理还有:radio,:checkbox,:submit,:image,:reset,:button ,
:file,:hidden
<form action="#" method="post">
足球:<input type="checkbox" name="aihao" value="足球"><br>
篮球:<input type="checkbox" name="aihao" value="篮球"><br>
排球:<input type="checkbox" name="aihao" value="排球"><br>
棒球:<input type="checkbox" name="aihao" value="棒球"><br>
<input type="button" id="btn" value="提交">
</form>
</body>
</html>
发表评论
-
jquery easyui dialog的几个使用问题
2014-09-20 11:27 1207jquery easyui dialog可以两种方式使用 1) ... -
easyUi-中文API
2014-09-17 22:51 517一位大神说: EasyUI终于迎来大版本更新了,本次 ... -
给力的jQuery信息提示插件 - Poshy Tip
2013-12-19 22:20 745jQuery 自从出现以来,以其简洁灵活的编程模式迅速流 ... -
jQuery表单美化插件 - Ideal Forms
2013-12-22 09:59 2309Form表单元素的美化一直都是一个比较麻烦的事情,尤其是单 ... -
jQuery实现仿Excel表格编辑功能 - Handsontable-转给力技术
2013-12-18 21:29 19605今天这篇文章要给大家推荐的是一个仿 Excel 表格编辑功 ... -
jQuery文本框字符限制插件 - Textarea Counter
2013-12-18 21:29 901众所周知<textarea>文本框没有类似ma ... -
jQuery文本框智能提示插件-转自给力技术
2013-12-18 21:30 866在网站中使用文本框智能提示功能,能有效的提升用户体验,这 ... -
免费的jQuery用户界面组件包 - Chico UI
2013-12-19 22:20 754Chico UI 是一个开源且免费的用户界面组件库,让 ... -
imgPreview - 实现图片预览功能的jQuery插件
2013-12-18 21:28 3656jQuery以其插件众多、易于使用的特点流行于开发人员中, ... -
(转)jquery each解析数组 json xml
2013-12-16 23:18 965jquery each解析数组: var arr = ... -
js/jquery解析json和数组格式的方法介绍
2013-12-16 23:19 1151在解析之前,我们必须弄清楚几个概念:数组,关联数组以及js ... -
JQuery+JSON+Struts返回一个List到页面
2013-12-16 23:19 593最近有人问我,怎么用JQuery+JSON+Struts实现, ... -
JQuery利用json读取JavaBean List
2013-12-16 23:19 938读取JavaBean 1、一个JavaBean Java代码: ... -
json定义及jquery操作json
2013-12-22 09:59 1255一、背景 json是一种轻量级数据交换格式,非常利于java服 ... -
JQuery ajax json 实例
2013-12-19 22:20 908序列化字符方法:注意 ... -
jquery,each的使用
2013-12-16 23:19 659<!DOCTYPE html PUBLIC " ... -
jquery全选,jquery全不选,jquery反选
2013-12-17 21:39 633<!DOCTYPE html PUBLIC " ... -
jquery 当textarea里内容被清空时,提交按钮禁用?是怎么触发的?
2013-12-22 10:00 1045$(document).ready(function(){ ... -
jquery操作input值总结
2013-12-17 21:41 777获取选中的值 获取一组 ... -
jquery小例子:动态生成表格和无刷新评论
2013-12-04 22:55 762<%--Created by IntelliJ ...
相关推荐
超实用的jQuery代码段精选近350个jQuery代码段,涵盖页面开发中绝大多数要点、技巧与方法,堪称史上最实用的jQuery代码参考书,可以视为网页设计与网站建设人员的好帮手。...11.32 使用jQuery操作DOM的限制
选择器允许您对 DOM 元素组或单个 DOM 节点进行操作。 jQuery 元素选择器 jQuery 使用 CSS 选择器来选取 HTML 元素。 $("p") 选取 <p> 元素。 $("p.intro") 选取所有 class="intro" 的 <p> 元素。 $("p#demo") 选取 ...
主要介绍了jQuery移除或禁用html元素点击事件常用方法,结合实例形式总结分析了jQuery针对onclick事件的禁用与屏蔽技巧,需要的朋友可以参考下
《jQuery攻略》对使用jQuery过程中遇到的各类问题给出了解决方案,比如,如何使用jQuery框架、CSS选择器、DOM、事件处理、动画效果,以及如何开发Ajax应用程序、如何使用jQuery工具函数、如何使用插件扩展jQuery。...
10-27 5 jquery属性操作 获取子元素和兄弟元素的方法 10-27 6 练习题讲解 10-27 7 jquery和ajax整合使用的方法 10-29 1 svn安装及常用操作 10-29 2 svn常用操作 实例讲解1 10-29 3 svn常用操作 实例讲解2 10-29 4 ...
22. 如何禁用右键单击上下文菜单: 6 23. 如何定义一个定制的选择器 6 24. 如何检查某个元素是否存在 7 25. 如何使用jQuery来检测右键和左键的鼠标单击两种情况: 7 26. 如何显示或是删除input域中的默认值 7 27. ...
5.每个聊天窗对象实例以data属性的形式附加在聊天窗DOM对象上(如果你想获得某个特定插件的实例,可以直接从页面元素中获取:$('{boxId}').data('chatbox')) 配置项 配置项分为全局配置项和实例配置项 全局...
Smartfocus 一个jQuery插件,用于检测以键盘或鼠标为焦点的元素。 它将指定的类添加到:focus元素,具体取决于它们是使用鼠标还是键盘来聚焦的。 需要jQuery 2.0或更高版本。用法该插件将指定的类添加到使用鼠标或...
问题来了, 在动态生成的DOM中, 我们为某一元素绑定了两种不同的click(假设为A、B), append元素时, 所有元素又绑定一次B, …… 这样会导致最后点击时B事件会成倍往上翻。 幸运的是,jQuery 为我们提供了很...
它是一个在页面里操作元素和事件的框架,非常出色并且易使用,在DOM操作上肯定使用jQuery,KO解决不同的问题。 Everyone loves jQuery! It’s an outstanding replacement for the clunky, inconsistent DOM API ...
全局加载器一个简单的基于 JQuery 的插件,用于在执行密集 DOM 操作、Ajax 调用等操作时显示/隐藏加载器图像并禁用/启用用户交互或特定部分。查看演示用法: $('#selector').gLoader().block(); 方法 : $('#...
10-27 5 jquery属性操作 获取子元素和兄弟元素的方法 10-27 6 练习题讲解 10-27 7 jquery和ajax整合使用的方法 10-29 1 svn安装及常用操作 10-29 2 svn常用操作 实例讲解1 10-29 3 svn常用操作 实例讲解2 10-29 4 ...
10-27 5 jquery属性操作 获取子元素和兄弟元素的方法 10-27 6 练习题讲解 10-27 7 jquery和ajax整合使用的方法 10-29 1 svn安装及常用操作 10-29 2 svn常用操作 实例讲解1 10-29 3 svn常用操作 实例讲解2 10-29 4 ...
10-27 5 jquery属性操作 获取子元素和兄弟元素的方法 10-27 6 练习题讲解 10-27 7 jquery和ajax整合使用的方法 10-29 1 svn安装及常用操作 10-29 2 svn常用操作 实例讲解1 10-29 3 svn常用操作 实例讲解2 10-29 4 ...
10-27 5 jquery属性操作 获取子元素和兄弟元素的方法 10-27 6 练习题讲解 10-27 7 jquery和ajax整合使用的方法 10-29 1 svn安装及常用操作 10-29 2 svn常用操作 实例讲解1 10-29 3 svn常用操作 实例讲解2 10-29 4 ...
如果可用,将使用jQuery,否则将使用标准DOM事件处理程序。 要禁用jQuery,请在jQuery之前加载或定义jsEventTrace.jQuery = false;。 您可以使用jsEventTrace.logLevel = newLevel更改logLevel; 将logLevel设置...
使用方法如下: 代码如下:$(“#panel”).load(“test.asp”); //在页面装载时,在ID为#panel的DOM元素里test.asp的内容。但是,当你修改test.asp文件... 因此在使用以上方法之前需禁用该方法装载IE缓存中的文件,方法如
需要DOM库,例如jQuery,Zepto或任何其他$库。 安装 纱线,NPM或凉亭 yarn add select-sync npm install select-sync bower install select-sync 滑轨安装 # Gemfile source 'https://rails-assets.org' do gem '...
#Better 密码提示受到极大启发,我编写了我的第一个 JQuery 插件。 ###Usage 设计得尽可能简单,我可以做一百万... ###Demo###计划改进查看设置一些选项以指定您要使用的约束启用/禁用工具提示的选项更漂亮的工具提示