使用jquery怎么根据ID给元素赋值_百度知道
使用jquery怎么根据ID给元素赋值
);&lt.bypic&button&%=path %&script type=&#ordercon&.bypicord()&gotoquery(url);}}&lt.val(&);var url = &&&sort=price&ten=Y&FROMBUS=Y&order=desc&desc&quot:&asc&);function bypicord(){var reorder = $(&desc&if(&var url = &
&script&gt.val();;desc&quot?uid=& id=& name=&&#47.action：&javascript&quot.val(&+${sessionS按价格&url' id=&ordercon&其中的;);}else {$(&quot.score&quot.id}+&product/2编写js?uid=&);text/&#47.val(&quot.href =gotoquery('reorder = &&);/desc& onclick=&input type=&&hidden&product/gotoquery(url););&gt方法/%=path %&&sort=price&ten=Y&FROMBUS=Y&order=asc&quot：$(&window.id}+&步骤1编写页面;; == reorder){$(& value=&+${sessionScope.#ordercon&#ordercon&/#ordercon&asc& value=&input type=&/)
其他类似问题
为您推荐：
jquery的相关知识
等待您来回答
下载知道APP
随时随地咨询
出门在外也不愁一、获取父级元素
1、 parent([expr]):
获取指定元素的所有父级元素
&div id=&par_div&&&a id=&href_fir& href=&#&&href_fir&/a&
&a id=&href_sec& href=&#&&href_sec&/a&
&a id=&href_thr& href=&#&&href_thr&/a&&/div&
&span id=&par_span&&
&a id=&href_fiv& href=&#&&href_fiv&/a&
$(document).ready(function(){
$(&a&).parent().addClass('a_par');
firebug查看jquery parent效果
二、获取同级元素：
1、next([expr])：
获取指定元素的下一个同级元素（注意是下一个同级元素哦）
&!DOCTYPE html&
&script type=&text/javascript& src=&/jquery/jquery.js&&&/script&
&li&list item 1&/li&
&li&list item 2&/li&
&li class=&third-item&&list item 3&/li&
&li&list item 4&/li&
&li&list item 5&/li&
$('li.third-item').next().css('background-color', 'red');
这个例子的结果是，只有list item 4背景色变为红色
2、nextAll([expr]):
获取指定元素后边的所有同级元素
&div&&span&And Again&/span&&/div&
var p_nex = $(&p&).nextAll();
p_nex.addClass('p_next_all');
注意看最后一个”&p&”标签哦，也被加上了'p_next_all'这个类名哦~~
3、andSelf():
获取指定元素后边的所有同级元素，之后加上指定的元素
我感觉这个函数是最有意思的一个函数了，什么意思？直译过来就是”还有我“,”还有自己”,没错，还有自己。
&p&Hello&/p&&p&Hello Again&/p&&div&&span&And Again&/span&&/div&
var p_nex = $(&p&).nextAll().andSelf();
p_nex.addClass('p_next_all');
注意看第一个“&p&”标签啊，这句话的意思是选择p标签后面的所有同级标签，以及自己。。。
以下这两个不举具体的例子了，实际上就是next()和nextAll()的相反喽
4、prev()：获取指定元素的上一个同级元素（是上一个哦）。
5、prevAll()：获取指定元素的前边所有的同级元素。
三、获取子元素
1、查找子元素方式1：&
例如：var aNods = $(&ul & a&);查找ul下的所有a标签
2、查找子元素方式2：children()
3、查找子元素方式3：find()
这里再简单介绍以下children()和find()的异同：
1& children及find方法都用是用来获得element的子elements的，两者都不会返回 text node，就像大多数的jQuery方法一样。
2& children方法获得的仅仅是元素一下级的子元素，即：immediate children。
3& find方法获得所有下级元素，即：descendants of these elements in the DOM tree
4& children方法的参数selector 是可选的（optionally），用来过滤子元素，
但find方法的参数selector方法是必选的。
5& find方法事实上可以通过使用 jQuery( selector, context )来实现。即$('li.item-ii').find('li')等同于$('li', 'li.item-ii').
&ul class=&level-1&&
&li class=&item-i&&I&/li&
&li class=&item-ii&&II
&ul class=&level-2&&
&li class=&item-a&&A&/li&
&li class=&item-b&&B
&ul class=&level-3&&
&li class=&item-1&&1&/li&
&li class=&item-2&&2&/li&
&li class=&item-3&&3&/li&
&li class=&item-c&&C&/li&
&li class=&item-iii&&III&/li&
使用：$('ul.level-2').children().css('border', '1px solid green'); 的效果是：
使用 $('ul.level-2').find('li').css('border', '1px solid green'); 的效果是：
&html xmlns=&http://www.w3.org/1999/xhtml&& &head& &!-- 1.基本选择器：是jQuery中使用最频繁的选择器，它由元素Id、Class、元素名、多个选择符组成，通过基本选择器可以实现大多数页面元素的查找 jQuery选择器详解 根据所获取页面中元素的不同，可以将jQuery选择器
&html xmlns=&http://www.w3.org/1999/xhtml&& &head& &!-- 1.层次选择器： 通过DOM元素间的层次关系获取元素，其主要的层次关系包括后代、父子、相邻、兄弟关系，通过其中基类关系可以方便快捷地定位元素 jQuery选择器详解 根据所获取页面中元素的不同，可以将jQuery选择器分为
先说一下JS的获取方法，其要比JQUERY的方法麻烦很多，后面以JQUERY的方法作对比 JS的方法会比JQUERY麻烦很多，主要则是因为FF浏览器，FF浏览器会把你的换行也当最DOM元素 原生的JS获取ID为test的元素下的子元素。可以用： 比如： &div id=&dom&& &div&&/div&&
&html xmlns=&http://www.w3.org/1999/xhtml&& &head& &!-- 内容过滤选择器：根据元素中的文字内容或所包含的子元素特征获取元素，其文字内容可以模糊或绝对匹配进行元素定位 jQuery选择器详解 根据所获取页面中元素的不同，可以将jQuery选择器分为：基本选择器、层次选择器、过滤选择
jQuery.parent(expr) 找父亲节点，可以传入expr进行过滤，比如$(&span&).parent()或者$(&span&).parent(&.class&)
jQuery.parents(expr),类似于jQuery.parents(expr),但是是查找所有祖先元素，不限于父元素
jQuery.children(
:nth-child('索引值')//获取指定元素下的某个子元素的位置，索引从1开始； //偶数行 //$('li:nth-child(even)').addClass('class1'); //奇数行 //$('li:nth-child(odd)').addClass('class1');
//第一行 //$('li:nth-child(1)').addClass('class
使用js或者jquery查找父元素、子元素经常遇到。可是用起来总容易混淆，这里统一总结了一下，以后用起来相信会方便好多
这里jquery向上查找父元素 用到的方法：closest() parents() parent()
向下查找子元素 用到的方法：find() children()
js用的是 children[] 属性
&!DOCTYPE ht
本系列文章分为：基本篇、层次篇、简单篇、内容篇、可见性篇、属性篇、子元素篇、表单篇、表单对象属性篇共9篇文章。 本篇讲解：:nth-child(index/even/odd/equation),:first-child,:last-child,:only-child的用法。 您对本系列文章有任何建议或意见请发送到邮箱： 由于是第一次写技术性系列文章，难免会出错或代码BUG
jquery选择器众多，使用选取某个DOM的方法有很多种，如何在选取的某个元素集上面做一些排除呢？下面通过几个实例说明： 1.选择所有的img元素，排除class=phpernote的元素的个数：
$('img:not(.phpernote)').length();//或者$('img').not('.phpernote').length();
2.获取id=phpernot
本文实例讲述了jquery通过closest选择器修改上级元素的方法。分享给大家供大家参考。具体如下： 这段代码演示了jQuery通过closest选择器获取上一级的元素，然后修改其text()内容。
&!DOCTYPE html& &html& &head& &meta http-equiv=&content-type& cont
①jQuery元素的相对定位。 jQuery中不仅可以使用选择器就行绝对定位，而且还可以进行相对定位，只要在$()中指定第二个参数，第二个参数就是相对的元素。第二个参数传递一个jQuery对象，则相对于这个对象为基准进行相对的选择。
&html& &head& &title&jQuery元素的相对定位和选择器&/title& &
先说一下JS的获取方法，其要比JQUERY的方法麻烦很多，后面以JQUERY的方法作对比。 JS的方法会比JQUERY麻烦很多，主要则是因为FF浏览器，FF浏览器会把你的换行也当最DOM元素
&div id=&test&& &div&&/div& &div&&/div& &/div&
在iframe子页面获取父页面元素
代码如下：
$.('#objld', parent.document);
在父页面获取iframe子页面的元素 代码如下：
$(&#objid&, document.iframes('iframe').document)
$(document.getElement
1. jquery 在iframe子页面获取父页面元素代码如下: $(&#objid&, parent.document) 2. jquery在父页面 获取iframe子页面的元素 代码如下: $(&#objid&,document.frames('iframename').document) 3.js 在iframe子页面获取父页面元素代码如下: indo
做前端，需要选择元素，虽说有jquery和各大js库已经帮我造好了轮子，但我想试试自己实现一个，正好项目也不忙，正好加入自己的js文件中，下面是实现代码。用$g(“#content .op”)这种格式就可以调用，和jquery $()的参数一样:
function $findChilds(parentNode, text) { //如果不传入父节点的话，默认为body if(parentNod
(&#父窗口元素ID&,window.parent.document); 对应javascript版本为window.parent.document.getElementByIdx_x(&父窗口元素ID&)；取父窗口的元素方法：$(selector, window.parent.document);那么你取父窗口的父窗口的元素就可以用：$(selector,
今天学习jQuery的选择器：
jQuery选择器分为基本选择器、层次选择器、过滤选择器、表单选择器。
基本选择器：id,class,标签名，*，元素组合(div,span,p.myClass)
层次选择器：
难点： jquery中子元素和后代元素的区别 后代，就是当前元素的所有后代，都算， 子元素，就是当前元素的子集，再往下走就不算了。
具体的分析可以参考：
var obj=document.getElementById(&id&);得到的是dom对象，对该对象进行操作的时候使用js方法 var obj=$(&#id&);得到的是jquery对象，对该对象进行操作的时候使用jquery方法 1.对于上面获得的对象进行遍历 (1).js方法 for(vat i=0;j&obj.i++
1.从$开始 对于熟悉prototype的朋友，$符号应该很熟悉,
prototype:varelement=$('eleId') jquery:varelement=$('#eleId') DOM:varelemen
jquery获取元素索引值index()方法：
jquery的index()方法 搜索匹配的元素，并返回相应元素的索引值，从0开始计数。
如果不给 .index() 方法传递参数，那么返回值就是这个jQuery对象集合中第一个元素相对于其同辈元素的位置。 如果参数是一组DOM元素或者jQuery对象，那么返回值就是传递的元素相对于原先集合的位置。 如果参数是一个选择器，那么返回值就是原先元素相
检索每个段落，找到类名为 &selected& 的前一个同胞元素：
$(&p&).prev(&.selected&)
.prev() 方法允许我们在 DOM 树中搜索这些元素的前一个同胞元素，并用匹配元素构造一个新的 jQuery 对象。 .prev()方法找到的是当前元素的同级的前一个元素
JQUERY IFRAME下面简单使用Jquery来操作iframe的一些记录，这个使用纯JS与可以实现。 第一、在iframe中查找父页面元素的方法：$('#id', window.parent.document) 第二、在父页面中获取iframe中的元素方法：$(this).contents().find(&#suggestBox&) 第三、在iframe中调用父页面中定义
parent & child
概述 在给定的父元素下匹配所有的子元素
参数 parentSelector任何有效选择器 childSelector用以匹配元素的选择器，并且它是第一个选择器的子元素
示例 描述: 匹配表单中所有的子级input元素。
HTML 代码:
&form& &label&Name:&/label&
jquery判断子元素是否存在
一、判断子元素是否存在 //一级子元素 if($(&#specialId&img&).length==0) if ($( &#specialId:has(img)& ).length==0)&nbsp
译自jQuery Cookbook (O'Reilly 2009) Chapter 2 Selecting Elements with jQuery, 2.0 Introduction jQuery的核心是它的选择器引擎，其作用是从文档中通过名称、属性、状态等将元素筛选出来。由于CSS的广泛使用，在jQuery中采用CSS的选择器语法就成了很自然的选择。在支持绝大多数CSS1-3规范中的选择器之外
1.利用CSS的基本选择器： a：匹配所有链接&a&元素。 #*：匹配id为*的元素 .*：匹配CSS类为*的元素 a#*id.*class:匹配id为*id，并拥有CSS类为*class的链接元素。 以上是CSS中的写法，在jQuery中用$(&&)包起来，如:jQuery(&p a.Class&)
利用子选择器、容器选择器和特性选择器，以下
本文实例讲述了jQuery使用empty()方法删除元素及其所有子元素的方法。分享给大家供大家参考。具体实现方法如下：
&!DOCTYPE html& &html& &head& &script src=&js/jquery.min.js&& &/script& &script& $(document)
样式：$(function (){ $(&要选择的标签&).click(function (){alert (&弹出对话框内容&);}) }); 第一种：Id选择器 用法：
&head& &title&&/title& &script src =&Jq/jquery-1.4.2.js&
jQuery 元素选择器和属性选择器允许您通过标签名、属性名或内容对 HTML 元素进行选择。 jQuery 元素选择器：jQuery 使用 CSS 选择器来选取 HTML 元素。 $(&p&) 选取 &p& 元素。 $(&p.intro&) 选取所有 class=&intro& 的 &p& 元素。 $(&quot
本文实例讲述了jquery使用remove()方法删除指定class子元素的方法。分享给大家供大家参考。具体实现方法如下：
&!DOCTYPE html& &html& &head& &script src=&js/jquery.min.js&& &/script& &script& $(documen
使用jQuery获取select元素的值
在各种站点应用中，使用jQuery获取select元素的值既容易又有用。是网络上大多数站点必不可少的一样功能，每做一个选择，系统就获取你选择的值，并利用它过滤显示另一个选项列表。
下面我们看下如何实现这种功能。
(1)准备用来获取选项值的select元素。
&select id=”my-select” name=”que
选择器唯数不多的几个能查找元素的方法，其他都是过滤元素。一个重要的需求就是从一组元素中获得tagName等于tag的子集，如过选择器如#id tag的形式，就要求过滤，但如果选择器是tag tag呢？那么为了效率，就要求每个元素进行tag.getElementsByTagName(tag)操作。 我早期的实现，利用uuid技术防止重复：
//获得经过标记的没有重复的tagName等于tag的元素
:parent选择器的定义和用法: 此选择器匹配含有子元素或者文本的元素。 注意:空格也算是含有的元素。 语法结构: $(&:parent&) 此选择器一般也要和其他选择器配合使用，比如类选择器和元素选择器等等。例如: $(&div:parent&).animate({width:&300px&}) 以上代码能够将含有文本或者元素的div
&input id=&username&type=&text& /& &scripttype=&text/javascript&& var count = 1; &/script&
--------------------------------------------
在设计选择器时遇到的，当我们使用后代选择器，要从上一次的结果集中获取它们所有后代，可能存在重复元素。虽然排除重复元素是非常简单的事，但我们能不能从一开始就防范其生产重复元素呢？答案是肯定。 假设上一次的结果集有三个元素a,b,c，如果其中两个存在包含关系，即是说A的parentNode或祖先是B，那么一定会出现重复的子集。既然如此，一开始，我们把A去掉，就没问题了。 看下面网页：
&html xmlns=&http://www.w3.org/1999/xhtml&& &head& &!-- 1.简单过滤选择器：根据某类过滤规则进行元素的匹配，书写时都以冒号（：）开头；简单过滤选择器是过滤选择器中使用最广泛的一种 jQuery选择器详解 根据所获取页面中元素的不同，可以将jQuery选择器分为：基本选择器、层次
经过自己一晚上尝试，貌似找到了一个方法。 现在脑袋还糊涂，先记下来，以后再分析。
// 找到子元素在父元素中的相对位置 function getElementTop(element){ var el = (typeof element == &string&) ? document.getElementById(element) : if
一.摘要 本篇文章讲解如何使用jQuery获取和操作元素的属性和CSS样式. 其中DOM属性和元素属性的区分值得大家学习.
二.前言 通过前面几章我们已经能够完全控制jQuery包装集了, 无论是通过选择器选取对象, 或者从包装集中删除,过滤元素. 本章将讲解如何使用jQuery获取和修改元素属性和样式.
三. 区分DOM属性和元素属性 一个img标签:
&img src=&quo
一.基本选择器：
#id :选择给定ID名的元素 如：$(&#id1&)为选择id为id1的元素
.class :选择给定类名的元素
element :选择给定元素名的所有原色
* :匹配所有元素
selector1,selector2,...... :选择这些
例如下面的html代码，要获取P元素下面a元素的个数：
&p id=&father&& &a&&/a& &a&&/a& &a&&/a& &a&&/a& &a&&/a& …… &a&&/a& &/p&jQuery对html元素取值与赋值的方法
字体：[ ] 类型：转载 时间：
这篇文章主要介绍了jQuery对html元素取值与赋值的方法，有需要的朋友可以参考一下
Jquery给基本控件的取值、赋值 TEXTBOX: var str = $('#txt').val(); $('#txt').val("Set Lbl Value"); //文本框，文本区域： $("#text_id").attr("value",'');//清空内容 $("#text_id").attr("value",'test');// 填充内容
代码如下:var str = $('#txt').val();$('#txt').val("Set Lbl Value");
//文本框，文本区域：$("#text_id").attr("value",'');//清空内容$("#text_id").attr("value",'test');// 填充内容
代码如下:var str = $('#lbl').text();$('#lbl').text("Set Lbl Value");
&& var valradio = $("input[@type=radio][@checked]").val();&& var item = $('input[@name=items][@checked]').val();var checkboxval = $("#checkbox_id").attr("value")；&& var selectval = $('#select_id').val();//多选框checkbox：$("#chk_id").attr("checked",'');//使其未勾选$("#chk_id").attr("checked",true);// 勾选if($("#chk_id").attr('checked')==true) //判断是否已经选中单选组radio： 代码如下: $("input[@type=radio]").attr("checked",'2'); //设置value=2的项目为当前选中项//下拉框select：$("#select_id").attr("value",'test');// 设置value=test的项目为当前选中项$("&option value='test'&test&/option&&option value='test2'&test2&/option&").appendTo("#select_id")//添加下拉框的 option$("#select_id").empty()；//清空下拉框获取一组名为 (items)的radio被选中项的值var item = $('input[@name=items][@checked]').val();//若未被选中 则val() = undefined获 取select被选中项的文本var item = $("select[@name=items] option[@selected]").text();select下拉框的第二个元素为当前选中值$('#select_id')[0].selectedIndex = 1;radio单选组的第二个元素为当前选中值$('input[@name=items]').get(1).checked =//重置表单$("form").each(function(){&& .reset();});
您可能感兴趣的文章:
大家感兴趣的内容
12345678910
最近更新的内容
常用在线小工具今日编辑推荐jQuery对html元素的取值与赋值实例详解
作者：欢欢
字体：[ ] 类型：转载 时间：
这篇文章主要介绍了jQuery对html元素的取值与赋值,较为详细的分析了jQuery针对常见html元素的获取与赋值技巧,非常简单实用,需要的朋友可以参考下
本文实例讲述了jQuery对html元素的取值与赋值方法。分享给大家供大家参考，具体如下：
Jquery给基本控件的取值、赋值
var str = $('#txt').val();
$('#txt').val("Set Lbl Value");
//文本框，文本区域：
$("#text_id").attr("value",'');//清空内容
$("#text_id").attr("value",'test');// 填充内容
var str = $('#lbl').text();
$('#lbl').text("Set Lbl Value");
var valradio = $("input[@type=radio][@checked]").val();
var item = $('input[@name=items][@checked]').val();
var checkboxval = $("#checkbox_id").attr("value")；
var selectval = $('#select_id').val();
多选框checkbox：
$("#chk_id").attr("checked",'');//使其未勾选
$("#chk_id").attr("checked",true);// 勾选
if($("#chk_id").attr('checked')==true) //判断是否已经选中
单选组radio：
代码如下:$("input[@type=radio]").attr("checked",'2'); //设置value=2的项目为当前选中项
下拉框select：
$("#select_id").attr("value",'test');// 设置value=test的项目为当前选中项
$("&option value='test'&test&/option&&option value='test2'&test2&/option&").appendTo("#select_id")//添加下拉框的 option
$("#select_id").empty();//清空下拉框
获取一组名为 (items)的radio被选中项的值
代码如下:var item = $('input[@name=items][@checked]').val();//若未被选中 则val() = undefined
获取select被选中项的文本
var item = $("select[@name=items] option[@selected]").text();
select下拉框的第二个元素为当前选中值
$('#select_id')[0].selectedIndex = 1;
radio单选组的第二个元素为当前选中值
代码如下:$('input[@name=items]').get(1).checked =
重置表单：
$("form").each(function(){
jQuery对form表单元素的取值与赋值：
1. 选取元素
$("#myid")效果等于document.getElementById("myid"), 但是写的字符要少好多啊.
如果需要将jQuery对象转换成html元素, 则只需要取其第0个元素即可. 例如$("#myid")返回的是jQuery对象, 而$("#myid")[0]返回的就是html元素
如果选择所有的img元素, 那么这么写: $("img")
如果选择带有class="TextBox"的div元素(&div class="TextBox"&&/div&), 那么这么写: $("div.TextBox")
选择带有myattr属性的元素$("div[myattr]")
选择带有myattr属性, 并且属性值等于myclass的元素$("div[myattr='myclass']")
属性不等于[myattr!='myclass']
属性以my开头[myattr^='my']
属性以class结尾[myattr$='class']
属性包含cla这三个字符[myattr*='cla']
如果一个选择会返回多个元素, 并且希望每返回一个元素, 就把某些属性应用到该元素上, 可以这么写
$("div").each(function()
$(this).css("background-color", "#F00″);
alert($(this).html());
$(this).width("200px");
给页面加onload事件处理方法
$(function()
alert("页面结构加载完毕, 但是可能某些图片尚未加载(一般情况下, 此事件就够用了)");
可以给页面绑定多个onload事件处理方法
$(function()
alert("我首先被执行");
$(function()
alert("我第二被执行");
绑定特殊事件
$("#myid").keydown(function()
alert("触发了keydown事件");
除了这些常用的, 不常用的事件需要通过bind方法绑定
3. 元素属性/方法
得到一个元素的高度, $("#myid").height()
得到一个元素的位置, $("#myid").offset() 返回的是一个offset对象, 如果取元素位置的top, 则$("#myid").offset().top,?取left则$("#myid").offset().left
得到一个元素的innerHTML, $("#myid").html()
得到一个元素的innerText, $("#myid").text()
得到一个文本框的值, $("#myid").val()
得到一个元素的属性, $("#myid").attr("myattribute")
以上这些方法有个基本特征, 就是不带参数表示取值, 带有参数表示设定值(除了offset), 例如
$("#myid").height("20″);
$("#myid").html("&a href="&asdasd&/a&")
$("#myid").val("asdasd")
需要注意, offset是只读的.
给一个元素设置属性 代码如下:$("#myid").attr("width", "20%")
读取一个属性 代码如下:$("#myid").attr("width")
一次指定多个属性 代码如下:$("#myid").attr({disabled: "disabled", width:"20%", height: "30″})
删除属性 代码如下:$("#myid").removeAttr("disabled")
应用样式 代码如下:$("#myid").addClass("myclass")
删除样式 代码如下:$("#myid").removeClass("myclass")
加一个样式 代码如下:$("#myid").css("height", "20px")
加一组样式 代码如下:$("#myid").css({height:"20px", width:"100px"})
需要注意的是: 如果是加一个样式, 这个样式的名字是css中的名字, 比如说style="background-color:#FF0000″, 对应的jQuery写法是 代码如下:$("#myid").css("background-color", "#FF0000″)
但是加一组样式的时候, 样式的名字就是javascript中的css名字了, 比如: myid.style.backgroundColor = "#FF0000″, 对应的jQuery写法是 代码如下:$("#myid").css({backgroundColor:"#FF0000″})
4. 根据关系查找元素
找和自己同级的下一个元素 代码如下:$("#myid").next()
找和自己同级的所有位于自己之下的元素 代码如下:$("#myid").nextAll()
找和自己同级的上一个元素 代码如下:$("#myid").prev()
找和自己同级的所有位于自己之上的所有元素 代码如下:$("#myid").prevAll()
找自己的第一代子元素 代码如下:$("#myid").children()
找自己的第一个父元素 代码如下:$("#myid").parent()
找自己的所有父元素 代码如下:$("#myid").parents()
$("div.l4″).parents().each(
function() {
alert($(this).html());
会把class=l4的div的所有父元素都得到, 并且alert出他们的html
代码如下:$("div.l4″).parents("div.l2″).each(function() { alert($(this).html()); });
会得到class=l4的父元素, 该父元素必须是div, 而且其class=l2
这里说的所有方法, 都可以带表达式, 表达式的写法参考第一部分
5. 维护元素
在body中增加一个元素
代码如下:$("body").append("&input type='text' value='asd' /&")
该语句会把这段html插入到body结束标签之前, 结果是&input type='text' value='asd' /&&/body&
代码如下:$("body").prepend("&input type='text' value='asd' /&")
该语句会把这段html插入到body开始标签之后, 结果是&body&&input type='text' value='asd' /&
用get方法请求一个页面
代码如下:$.get("", "q=jquery", function(data, status){alert(data)})
表示请求, 参数是q, 参数的值是jquery, 请求结束后(不管成功还是失败)执行后面的function, 该function有两个固定参数, data和status, data是返回的数据, status是本次请求的状态
用post方法请求一个页面
$.post(……..) 参数同get方法
7.其他方法
$.trim(str) 将str前后空格去掉
$.browser 返回当前用户浏览器的类型
$.browser.version返回当前浏览器的版本
jQuery支持插件, /plugins/上面有很多现成的插件, 也可以自己写
自己写插件, 请参考/Core/jQ.....end#object 和/Core/jQuery.extend#object
1. 下拉框:
var cc1 = $(".formc select[@name='country'] option[@selected]").text(); //得到下拉菜单的选中项的文本(注意中间有空格)
var cc2 = $('.formc select[@name="country"]').val(); //得到下拉菜单的选中项的值
var cc3 = $('.formc select[@name="country"]').attr("id"); //得到下拉菜单的选中项的ID属性值
$("#select").empty();//清空下拉框//$("#select").html('');
$("&option value='1'&1111&/option&").appendTo("#select")//添加下拉框的option
稍微解释一下:
select[@name='country'] option[@selected] 表示具有name 属性，
并且该属性值为'country' 的select元素 里面的具有selected 属性的option 元素；
可以看出有@开头的就表示后面跟的是属性。
2. 单选框:
$("input[@type=radio][@checked]").val(); //得到单选框的选中项的值(注意中间没有空格)
$("input[@type=radio][@value=2]").attr("checked",'checked'); //设置单选框value=2的为选中状态.(注意中间没有空格)
3. 复选框:
$("input[@type=checkbox][@checked]").val(); //得到复选框的选中的第一项的值
$("input[@type=checkbox][@checked]").each(function(){ //由于复选框一般选中的是多个,所以可以循环输出
alert($(this).val());
$("#chk1").attr("checked",'');//不打勾
$("#chk2").attr("checked",true);//打勾
if($("#chk1").attr('checked')==undefined){} //判断是否已经打勾
希望本文所述对大家jQuery程序设计有所帮助。
您可能感兴趣的文章:
大家感兴趣的内容
12345678910
最近更新的内容
常用在线小工具