- 浏览: 619019 次
- 性别:
- 来自: 郑州
文章分类
最新评论
-
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 1282jquery easyui dialog可以两种方式使用 1) ... -
easyUi-中文API
2014-09-17 22:51 569一位大神说: EasyUI终于迎来大版本更新了,本次 ... -
给力的jQuery信息提示插件 - Poshy Tip
2013-12-19 22:20 772jQuery 自从出现以来,以其简洁灵活的编程模式迅速流 ... -
jQuery表单美化插件 - Ideal Forms
2013-12-22 09:59 2349Form表单元素的美化一直都是一个比较麻烦的事情,尤其是单 ... -
jQuery实现仿Excel表格编辑功能 - Handsontable-转给力技术
2013-12-18 21:29 19680今天这篇文章要给大家推荐的是一个仿 Excel 表格编辑功 ... -
jQuery文本框字符限制插件 - Textarea Counter
2013-12-18 21:29 935众所周知<textarea>文本框没有类似ma ... -
jQuery文本框智能提示插件-转自给力技术
2013-12-18 21:30 900在网站中使用文本框智能提示功能,能有效的提升用户体验,这 ... -
免费的jQuery用户界面组件包 - Chico UI
2013-12-19 22:20 796Chico UI 是一个开源且免费的用户界面组件库,让 ... -
imgPreview - 实现图片预览功能的jQuery插件
2013-12-18 21:28 3755jQuery以其插件众多、易于使用的特点流行于开发人员中, ... -
(转)jquery each解析数组 json xml
2013-12-16 23:18 1011jquery each解析数组: var arr = ... -
js/jquery解析json和数组格式的方法介绍
2013-12-16 23:19 1190在解析之前,我们必须弄清楚几个概念:数组,关联数组以及js ... -
JQuery+JSON+Struts返回一个List到页面
2013-12-16 23:19 621最近有人问我,怎么用JQuery+JSON+Struts实现, ... -
JQuery利用json读取JavaBean List
2013-12-16 23:19 973读取JavaBean 1、一个JavaBean Java代码: ... -
json定义及jquery操作json
2013-12-22 09:59 1297一、背景 json是一种轻量级数据交换格式,非常利于java服 ... -
JQuery ajax json 实例
2013-12-19 22:20 940序列化字符方法:注意 ... -
jquery,each的使用
2013-12-16 23:19 736<!DOCTYPE html PUBLIC " ... -
jquery全选,jquery全不选,jquery反选
2013-12-17 21:39 666<!DOCTYPE html PUBLIC " ... -
jquery 当textarea里内容被清空时,提交按钮禁用?是怎么触发的?
2013-12-22 10:00 1120$(document).ready(function(){ ... -
jquery操作input值总结
2013-12-17 21:41 815获取选中的值 获取一组 ... -
jquery小例子:动态生成表格和无刷新评论
2013-12-04 22:55 806<%--Created by IntelliJ ...
相关推荐
jQuery 是一个广泛使用的JavaScript库,它简化了DOM操作、AJAX请求、事件处理以及创建复杂的网页特效。jQuery的核心特性包括对JSON的支持、XML解析以及一套强大的选择器系统,使得开发者能够更加高效地选取和操作...
在网页开发中,jQuery是一个非常流行的JavaScript库,它极大地简化了DOM操作、事件处理、动画效果和Ajax交互。本项目“jQuery启用禁用表单”是关于如何利用jQuery来控制HTML表单元素的启用和禁用状态,以实现更丰富...
在前端开发中,jQuery是一个非常流行的JavaScript库,它简化了DOM操作、事件处理、动画制作以及Ajax交互。在这个“jquery动态禁用label标签”的主题中,我们将深入探讨如何使用jQuery来实现对HTML `<label>` 标签的...
总的来说,jQuery提供了一个强大且易用的API来处理DOM操作,使得动态禁用label标签这样的功能变得轻而易举。通过熟练运用jQuery,开发者可以为网页增加丰富的交互效果,提高用户的参与度和满意度。同时,这也体现了...
最后,理解jQuery的属性操作对于优化DOM操作至关重要,它让代码更加简洁、高效。在开发过程中,熟练运用这些方法能帮助你构建出更加动态和交互性强的网页。记住,jQuery的精髓在于其对DOM操作的高度封装,使开发者能...
在互联网开发中,jQuery是一个广泛使用的JavaScript库,它简化了DOM操作、事件处理、动画制作等任务。然而,由于其依赖于特定的浏览器环境,有时在老旧的IE(Internet Explorer)浏览器上可能会出现问题。本文将深入...
### Jquery操作checked属性以及disabled属性的多种方法 #### 知识点概述: 本文主要介绍如何使用jQuery来操作HTML元素中的`checked`属性和`disabled`属性。在HTML中,`checked`属性通常用在单选按钮(radio)和复...
引入jQuery库后,可以通过`$`符号来快速选择DOM元素。例如,如果我们有一个ID为"myInput"的输入框,我们可以这样选择它: ```javascript var myInput = $("#myInput"); ``` 接着,我们可以获取该控件的值。对于...
在网页开发中,jQuery 是一个广泛使用的 JavaScript 库,它简化了 DOM 操作、事件处理、动画效果以及Ajax交互等任务。"jquery通用全选并控制操作按钮"这个主题是关于利用jQuery实现一种常见的用户界面功能,即在表格...
首先,jQuery是一个轻量级、高性能的JavaScript库,它简化了DOM操作、事件处理、动画制作等任务。jQuery UI则基于jQuery,提供了丰富的可定制组件,如对话框、日期选择器、拖放功能等,同时也包括了一些基本的样式和...
首先,jQuery是一个高效、简洁的JavaScript库,它极大地简化了DOM操作、事件处理以及动画效果的实现。对于商品属性选择,我们可以利用jQuery的事件监听和DOM操作功能来动态更新表单状态。 1. **HTML结构**:一个...
在网页开发中,jQuery 是一个广泛使用的 JavaScript 库,它提供了许多方便的API来操作DOM元素,其中`attr`方法是其中一个重要的功能。本篇将详细介绍如何使用jQuery的`attr`方法来禁用表单元素,防止用户输入内容。 ...
1. **理解 jQuery 设计**:在使用 jQuery 后,开发者将不再直接操作 DOM 对象,而是通过操作 jQuery 对象间接改变 DOM 结构。这种方式大大简化了开发流程。 2. **使用 jQuery 的步骤**: - **引入 jQuery 库**:在 ...
你可以通过阅读源码学习zTree的事件处理、数据处理、DOM操作以及动画效果的实现。理解源码有助于自定义扩展或优化zTree以满足特定需求。 2. **zTreeAPI v2.5.chm和zTreeAPI v2.5.pdf**:这两份文档是zTree的API参考...
本文将深入探讨jQuery的基本概念、DOM与jQuery对象的转换、选择器的使用以及过滤器和循环操作等关键知识点。 1. jQuery库与DOM对象 jQuery是一个预写好的JavaScript函数集合,可以看作是Java工具类的对应概念。它...
在前端开发中,jQuery 是一个强大的 JavaScript 库,它极大地简化了 DOM 操作,其中包括选择元素。属性选择器是 jQuery 提供的一种高级选择器,用于根据元素的属性及其值来定位和操作特定的 HTML 元素。本文将深入...
在创建用户操作向导时,我们可以利用jQuery的强大功能,结合CSS和DOM操作,实现高效且流畅的向导效果。 **向导插件的设计原理** 1. **元素定位**:向导插件首先需要能够定位到网站的各个功能区域。这可以通过选择...
禁用下拉框可以通过jQuery的`.attr()`方法实现,这个方法允许我们获取和设置HTML元素的属性值。要禁用下拉框,我们只需要给它添加disabled属性,并且赋值为true。具体代码如下: ```javascript $("select").each...
在网页开发中,jQuery作为一款轻量级、功能强大的JavaScript库,极大地简化了HTML文档遍历、事件处理、动画以及Ajax交互等操作。其中,选择器是jQuery的核心特性之一,它提供了丰富的语法来选取页面中的DOM元素,使...
在网页开发中,jQuery 是一个非常流行的 JavaScript 库,它提供了丰富的 API 和简洁的语法来操作 DOM、处理事件、执行动画以及与服务器进行异步通信。在实际应用中,经常需要控制用户输入元素的行为,例如禁用或启用...