<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"> <html> <head> <title>testJquery.html</title> <meta http-equiv="keywords" content="keyword1,keyword2,keyword3"> <meta http-equiv="description" content="this is my page"> <meta http-equiv="content-type" content="text/html; charset=UTF-8"> <!--<link rel="stylesheet" type="text/css" href="./styles.css" mce_href="styles.css">--> <mce:script type="text/javascript" src="js/jquery-1.4.2.min.js" mce_src="js/jquery-1.4.2.min.js"></mce:script> <mce:script type="text/javascript"><!-- $(document).ready(function() { $("#selAll").click(function() { if($(this).attr("checked")) { $("input[name='chk']").each(function() { $(this).attr("checked", true); }); } else { $("input[name='chk']").each(function() { $(this).attr("checked", false); }); } }); }); function sel(id) { $("#sel").attr("value", id); } function clear() { $("#sel").get(0).options.length = 0; } function add() { var append = "<option>123</option>" //追加 $("#sel").append(append); //最前面插入 //$("#sel").prepend(append); } function remove() { $("#sel").find("option[value=2]").remove(); } function getSelIndex() { alert($("#sel").get(0).selectedIndex); } function setSelIndex(index) { } function getLength() { alert($("#sel").find("option").length); } function getText() { //或者alert($("#sel").find("option:selected").html()); alert($("#sel").find("option:selected").text()); } function setText(text) { $("#sel").find("option[text='"+text+"']").attr("selected", true); } function setCheck(id) { $("input[name='chk'][value="+id+"]").attr("checked", true); } function getCheck() { var chk = ""; var len = $("input[name='chk']").length; $("input[name='chk']").each(function(n) { if($(this).attr("checked")) { var doc = ""; if(n != len -1) { doc = ","; } chk = chk + $(this).val() + doc; } }); alert(chk); } function getRadio() { alert($("input[name='rad']:checked").val()); } function setRadio(id) { $("input[type='radio'][value="+id+"]").attr("checked", true); } // --></mce:script> </head> <body> <form name="form1"> <select name="sel" id="sel"> <option value="1">1</option> <option value="2">2</option> <option value="3">3</option> </select> <a href="javascript:sel(2)" mce_href="javascript:sel(2)">选择2</a> <a href="javascript:clear()" mce_href="javascript:clear()">清空</a> <a href="javascript:add()" mce_href="javascript:add()">添加一项</a> <a href="javascript:remove(2)" mce_href="javascript:remove(2)">删除value为2的项</a> <a href="javascript:getLength()" mce_href="javascript:getLength()">获取长度</a> <a href="javascript:getSelIndex()" mce_href="javascript:getSelIndex()">获取选择项的索引值</a> <a href="javascript:getText()" mce_href="javascript:getText()">获取Select选择的Text</a> <a href="javascript:setText(2)" mce_href="javascript:setText(2)">设置text为2的为选中项</a> <br/> <input name="chk" value="1" type="checkbox"/><input name="chk" value="2" type="checkbox"/><input name="chk" value="3" type="checkbox"/> 全选<input id="selAll" type="checkbox"/> <a href="javascript:setCheck(2)" mce_href="javascript:setCheck(2)">设置value为2的项为选中</a> <a href="javascript:getCheck()" mce_href="javascript:getCheck()">获取所有选中项的值</a> <br/> <input name="rad" value="1" type="radio"/><input name="rad" value="2" type="radio"/><input name="rad" value="3" type="radio"/> <a href="javascript:setRadio(2)" mce_href="javascript:setRadio(2)">设置value为2的项为选中</a> <a href="javascript:getRadio()" mce_href="javascript:getRadio()">获取选中项的值</a> <br/> </form> </body> </html>
本文向大家介绍jQuery针对各类元素操作基础教程，包括了jQuery针对各类元素操作基础教程的使用技巧和注意事项，需要的朋友参考一下 本文实例讲述了jQuery针对元素的操作，包括基础操作、选择要操作的元素及处理DOM元素等。对jQuery的学习有很好的借鉴价值。分享给大家供大家参考之用。具体分析如下： 1、基础 jquery对象集： $()：jquery对象集合 获取jquery对象集中的元素
本文向大家介绍Bootstrap导航栏各元素操作方法(表单、按钮、文本)，包括了Bootstrap导航栏各元素操作方法(表单、按钮、文本)的使用技巧和注意事项，需要的朋友参考一下 本文主要包括三大方面，大家仔细学习。 1、导航栏中的表单 导航栏中的表单不是使用 Bootstrap 表单 章节中所讲到的默认的 class，它是使用 .navbar-form class。这确保了表单适当的垂直对齐和在
实现列表（UITableView）的删除、移动、多选等操作功能。适合初学者学习iOS的列表编程。 [Code4App.com]
本文向大家介绍jQuery操作元素css样式的三种方法，包括了jQuery操作元素css样式的三种方法的使用技巧和注意事项，需要的朋友参考一下 我们常常要使用Javascript来改变页面元素的样式。其中一种办法是改变页面元素的CSS类(Class)，这在传统的Javascript里，我们通常是通过处理HTML Dom的classname特性来实现的；而jQuery里提供三种方法来实现这个功能，虽
本文向大家介绍JQuery对表单元素的基本操作使用总结，包括了JQuery对表单元素的基本操作使用总结的使用技巧和注意事项，需要的朋友参考一下 select下拉列表onChange事件之JQuery实现： JQuery： HTML:
本文向大家介绍jQuery Dom元素操作技巧，包括了jQuery Dom元素操作技巧的使用技巧和注意事项，需要的朋友参考一下 Dom是Document Object Model的缩写，意思是文档对象模型。DOM是一种与浏览器、平台、语言无关的接口，使用该接口可以轻松访问页面中所有的标准组件。DOM操作可以分为三个方面即DOM Core(核心)、HTM-DOM和CSS-DOM。 jquery 获取
本文向大家介绍JQuery操作元素的css样式，包括了JQuery操作元素的css样式的使用技巧和注意事项，需要的朋友参考一下 我们常常要使用Javascript来改变页面元素的样式。其中一种办法是改变页面元 素的CSS类(Class)，这在传统的Javascript里，我们通常是通过处理HTML Dom的classname特性来实现的；而jQuery里提供三种方法来实现这个功能， 虽然它们和传统
QueryList不仅可以读取DOM元素的属性值，还可以操作DOM元素。 在采集单元素章节，我们接触到了find()方法，它用于选择DOM元素，返回值为QL\Dom\Elements对象，这是QueryList内置的一个DOM元素集合对象，它拥有几乎所有与jQuery操作DOM完全相同的API。 熟悉jQuery的同学应该知道jQuery操作DOM的API方法非常的多，QueryList几乎全部支
