jQuery如何获取指定的属性值

jQuery如何获取指定的属性值,第1张

在jQuery输入元素表达式属性名即可得到。

如:

1$("#textId")attr("width")是获取Id为textId的控件的width属性。

2$("className")attr("width")是获取包含class名为className的控件的width属性。

3$("[name=textName]")attr("width")是获取name为textName的控件的width属性。

但要注意,jquery取到的可能是一个数组,如果确定属性为同一值,则没问题,否则应该循环取得控件,再取属性值。如:$("#textId")[0]width是取第一个控件的width属性。但也有写属性用attr取不到,也需要用角标的方式取得控件后再取属性。

jQuery是一个快速、简洁的JavaScript框架,是继Prototype之后又一个优秀的JavaScript代码库(或JavaScript框架)。jQuery设计的宗旨是“write Less,Do More”,即倡导写更少的代码,做更多的事情。它封装JavaScript常用的功能代码,提供一种简便的JavaScript设计模式,优化HTML文档 *** 作、事件处理、动画设计和Ajax交互。

jQuery的核心特性可以总结为:具有独特的链式语法和短小清晰的多功能接口;具有高效灵活的css选择器,并且可对CSS选择器进行扩展;拥有便捷的插件扩展机制和丰富的插件。jQuery兼容各种主流浏览器,如IE 60+、FF 15+、Safari 20+、Opera 90+等。

方法一:

如果你是jquery控的,可以将获取url参数的代码写成jquery插件:

<script type='text/javascript' src='>

1、获取第一个子元素有如下方法:

(1):first

     举:$('divone:first'),获取所有class="one"的Div的第一个div子元素。这里的限制在于父子元素都是同一种,即父元素如果是span标签,获取的第一个子元素也是span标签,如果父元素是table标签,获取的子元素也是table标签。

(2):first-child

     如:$('divone:first-child'),获取所有class="one"的Div的第一个子元素,注意是“所有”,意思是说,如果这个DIV有多外,那么获取的第一个子元素也是有多个。

(3)使用eq()方法

    如:$('divone > span:eq(1)'),获取class="one"下的Div的第一个span子元素,同(2)一样,也是有多个Div也是获取多个Div的第一个元素。

    

    可以通过获取ID,或者直接在父层限制一个eq(1)这样的形式去获取惟一一个子元素

什么是outerHTML

outerHTML,中文意为图例分析,用于获取元素内的html内容和文本。

与JQ的$()html()所不同的是,jQueryhtml() 是获取当前节点下的html代码,并不包含当前节点本身的代码。而outerHTML则包含本身的代码

例HTML:

<p id="testid"><span>这是一段Html代码</span></p>

它的html()为:

<span>这是一段Html代码</span>

而有时候回需要包含当前节点的代码,所以就用到了outerHTML,也就是

<p id="testid"><span>这是一段Html代码</span></p>

如何使用jQuery获取outerHTML

原生的JS Dom中有一个内置属性叫做:outerHTML (注意大小写敏感)获取包含当前节点的HTML代码。所以可以用JQ中的prop()获取,以上文代码为例

$('#testid')prop("outerHTML")

完整代码示例

<script src="

<p id="testid"><span>这是一段Html代码</span></p>

<script type="text/javascript">

consolelog("节点内的HTML代码\n"+$('#testid')html());

consolelog("包含节点的HTML代码\n"+$('#testid')prop("outerHTML"));

</script>

下面写个例子来获取id为demo的元素的第一个子元素。

<!--加载jquery-->

<script src=";

说明一下以上例子中用到选择器

#demo是id选择器获取id为demo的元素

>是子选择器获取所有子级

:first是首项选择器获取第一个元素

三者结合起来就是获取id为demo的元素的所有子元素中的第一个元素。

其实jquery的选择器有很多,包括:

:last获取最后一个元素

:eq(index)获取第index个选择器

更多可以直接百度搜索“jquery选择器”来查看。

用jquery怎么获取页面的特定内容 1、给特定内容包裹一个容器(div或者其他容器)标签

2、给容器一个id,或者一个特定的class以便于使用jquery的选择器获取到该容器

3、使用jquery选择器获取该容器,并获取该容器内的内容

<div id="content" > 特定内容</div> $("#content")();$("#content")text();$("#content")val();

1、()

():取得第一个匹配元素的内容。这个函数不能用于XML文档。但可以用于XHTML文档

(val):设置每一个匹配元素的内容。这个函数不能用于XML文档。但可以用于XHTML文档。

2TEXT

text():取得所有匹配元素的内容。

结果是由所有匹配元素包含的文本内容组合起来的文本。这个方法对HTML和XML文档都有效。

text(val):设置所有匹配元素的文本内容

与 () 类似, 但将编码 HTML (将 "<" 和 ">" 替换成相应的HTML实体)

3VAL

val():获得第一个匹配元素的当前值。

val(val):设置每一个匹配元素的值。

求教高手:用jquery怎么获取页面的特定内容

Jquery支持多种选择器 ,比如 根据id、class、attribute属性、标签名选择

<div id="a"></div> $("#a")就可以取到id为 a的元素

<div class="b"></div> $("b") 就可取到class含有 b 的元素

建议你看一下Jquery的API,里面有更详细的说明

jQuery 在b页面获取a页面输入的内容

通过传参,打开b页面的时候

b输入框内容=输入框值,然后在a页面接收这个值

jquery怎么获取另一个页面上的指定内容

把文件的编码改成utf-8,另外把$ajax里的dataType设为

mui 怎么获取页面的内容

你直接打印data:

consolelog(data)

这样就可以了。能获取到页面内容的。

jsp页面怎么获取另一个页面的内容

可以利用form表单提交获取上一个页面的值

例:form表单提交传值及取值

发请求页面

<form class="page_speeder_101909357" method="post"

id="infoDetailsHyperlink" name=input

action="<%=requestgetContextPath()%>/view/basicmanage/reportTemplet/positionPeopleConfigjsp">

<input name=infoId id="infoId">

<input name=operationType id="operationType">

<input name=copyTempletIdConfigPeople id="copyTempletIdConfigPeople">

</form>

发请求页面,js中发送请求

$("#infoId")val($("#lastStepTempletId")val());

$("#operationType")val($("#operationTypeIdLastStep")val());

$("#infoDetailsHyperlink")submit();

接收页面

<input id="infoId" class="page_speeder_840442281" value=<%=requestgetParameter("infoId")%>>

<input id="operationType" class="page_speeder_840442281" value=<%=requestgetParameter("operationType")%>>

<input id="copyTempletIdConfigPeople" class="page_speeder_840442281" value=<%=requestgetParameter("copyTempletIdConfigPeople")%>>

<script>

<%requestsetCharacterEncoding("utf-8");%> 解决传值时中文乱码问题

</script>

怎么通过js或者jquery获取一个页面里面的内容

这个需要你了解一家js和的关系,对于浏览器来说相当于一颗dom树,所有的标签都是dom树上的节点,js就是对dom树网页的抽象模型进行 *** 作的,jquery只是js的封装本质上还是js

jquery *** 作元素:这个需要学习一下选择器方面的知识,例如类选择器 id选择器 元素选择器,通过选择器可以帅选出你要的dom节点,任何 *** 作都可以进行

js *** 作:documentgetElementsById()

documentgetElementsByTagName()

用jQuery的方法可以获得某个元素中的内容 ,如果元素是标签,则可以获得页面的全部内容:例如:

$(document)ready(function(){

var _str=$("")();

alert(_str);

});

上面代码可以获得页面的全部内容。(当然要先导入jQuery)

获取值:

文本框,文本区域:$("#txt")attr("value");

多选框checkbox:$("#checkbox_id")attr("value");

单选组radio: $("input[@type=radio][@checked]")val();

下拉框select: $('#sel')val();

控制表单元素:

文本框,文本区域:$("#txt")attr("value",'');//清空内容

$("#txt")attr("value",'11');//填充内容

多选框checkbox: $("#chk1")attr("checked",'');//不打勾

$("#chk2")attr("checked",true);//打勾

if($("#chk1")attr('checked')==undefined) //判断是否已经打勾

单选组radio: $("input[@type=radio]")attr("checked",'2');//设置value=2的项目为当前选中项

下拉框select: $("#sel")attr("value",'-sel3');//设置value=-sel3的项目为当前选中项

$("<option value='1'>1111</option><option value='2'>2222</option>")appendTo("#sel")//添加下拉框的option

$("#sel")empty();//清空下拉框

以上就是关于jQuery如何获取指定的属性值全部的内容,包括:jQuery如何获取指定的属性值、jquery如何获取参数、jquery如何获取第一个或最后一个子元素等相关内容解答,如果想了解更多相关内容,可以关注我们,你们的支持是我们更新的动力!

欢迎分享,转载请注明来源:内存溢出

原文地址: http://outofmemory.cn/web/9461951.html

(0)
打赏 微信扫一扫 微信扫一扫 支付宝扫一扫 支付宝扫一扫
上一篇 2023-04-28
下一篇 2023-04-28

发表评论

登录后才能评论

评论列表(0条)

保存