jquery怎么获取div的id

jquery怎么获取div的id,第1张

1、根据div标签获取所有的div节点

var divs = $('div');//获取所有的div节点

2、获取div的id

divseach(function(k,v){//通过each循环每个div节点

  alert(thisid);//获取div节点的id值

});

JS:  documentgetElementById("sid")value;

Jquery: $("#sid")val();

直接就可以获取指定select的选中的值;

如果是多选的话,需要用其他方法

alert($("#eID")val()+"/"+documentgetElementById("eID")value);

outerHTML:元素内所有的html和文本内容,包含引用该方法元素自身的标签.

HTML:

<div id="test">

    <p style="text-align: center;">

        Hello Baidu

    </p>

</div>

javascript-jquery:

$("#test")prop("outerHTML");

prop() 方法设置或返回被选元素的属性和值。

当该方法用于返回属性值时,则返回第一个匹配元素的值。

当该方法用于设置属性值时,则为匹配元素集合设置一个或多个属性/值对。

注意:prop() 方法应该用于检索属性值,例如 DOM 属性(如 selectedIndex, tagName, nodeName, nodeType, ownerDocument, defaultChecked, 和 defaultSelected)。

JQuery是继prototype之后又一个优秀的Javascript库。它是轻量级的js库 ,它兼容CSS3,还兼容各种浏览器(IE 60+, FF15+, Safari 20+, Opera 90+),jQuery20及后续版本将不再支持IE6/7/8浏览器。jQuery使用户能更方便地处理HTML(标准通用标记语言下的一个应用)、events、实现动画效果,并且方便地为网站提供AJAX交互。jQuery还有一个比较大的优势是,它的文档说明很全,而且各种应用也说得很详细,同时还有许多成熟的插件可供选择。jQuery能够使用户的html页面保持代码和html内容分离,也就是说,不用再在html里面插入一堆js来调用命令了,只需要定义id即可。

jQuery是一个兼容多浏览器的javascript库,核心理念是write less,do more(写得更少,做得更多)。jQuery在2006年1月由美国人John Resig在纽约的barcamp发布,吸引了来自世界各地的众多JavaScript高手加入,由Dave Methvin率领团队进行开发。如今,jQuery已经成为最流行的javascript库,在世界前10000个访问最多的网站中,有超过55%在使用jQuery。

jQuery是免费、开源的,使用MIT许可协议。jQuery的语法设计可以使开发更加便捷,例如 *** 作文档对象、选择DOM元素、制作动画效果、事件处理、使用Ajax以及其他功能。除此以外,jQuery提供API让开发者编写插件。其模块化的使用方式使开发者可以很轻松的开发出功能强大的静态或动态网页。

jQuery,顾名思义,也就是JavaScript和查询(Query),即是辅助JavaScript开发的库。

历史

大概在 1992 年,一家称作 Nombas 的公司开发了一种叫做 C 减减(C-minus-minus,简称 Cmm)的嵌入式脚本语言。Cmm 背后的理念很简单:一个足够强大可以替代宏 *** 作(macro)的脚本语言,同时保持与 C (和 C ++)足够的相似性,以便开发人员能很快学会。这个脚本语言捆绑在一个叫做 CEnvi 的共享软件中,它首次向开发人员展示了这种语言的威力。

Nombas 最终把 Cmm 的名字改成了 ScriptEase,原因是后面的部分(mm)听起来过于消极,同时字母 C “令人害怕”。

当 Netscape Navigator 崭露头角时,Nombas 开发了一个可以嵌入网页中的 CEnvi 的版本。这些早期的试验被称为 Espresso Page(浓咖啡般的页面),它们代表了第一个在万维网上使用的客户端语言。而 Nombas 丝毫没有料到它的理念将会成为万维网的一块重要基石。

当网上冲浪越来越流行时,对于开发客户端脚本的需求也逐渐增大。此时,大部分因特网用户还仅仅通过 288 kbit/s 的调制解调器连接到网络,即便这时网页已经不断地变得更大和更复杂。而更加加剧用户痛苦的是,仅仅为了简单的表单有效性验证,就要与服务器进行多次地往返交互。设想一下,用户填完一个表单,点击提交按钮,等待了 30 秒的处理后,看到的却是一条告诉你忘记填写一个必要的字段。

那时正处于技术革新最前沿的 Netscape,开始认真考虑开发一种客户端脚本语言来解决简单的处理问题。

当时工作于 Netscape 的 Brendan Eich,开始着手为即将在 1995 年发行的 Netscape Navigator 20 开发一个称之为 LiveScript 的脚本语言,当时的目的是在浏览器和服务器(本来要叫它 LiveWire)端使用它。Netscape 与 Sun 及时完成 LiveScript 实现。

就在 Netscape Navigator 20 即将正式发布前,Netscape 将其更名为 JavaScript,目的是为了利用 Java 这个因特网时髦词汇。Netscape 的赌注最终得到回报,JavaScript 从此变成了因特网的必备组件。

因为 JavaScript 10 如此成功,Netscape 在 Netscape Navigator 30 中发布了 11 版。恰巧那个时候,微软决定进军浏览器,发布了 IE 30 并搭载了一个 JavaScript 的克隆版,叫做 JScript(这样命名是为了避免与 Netscape 潜在的许可纠纷)。微软步入 Web 浏览器领域的这重要一步虽然令其声名狼藉,但也成为 JavaScript 语言发展过程中的重要一步。

在微软进入后,有 3 种不同的 JavaScript 版本同时存在:Netscape Navigator 30 中的 JavaScript、IE 中的 JScript 以及 CEnvi 中的 ScriptEase。与 C 和其他编程语言不同的是,JavaScript 并没有一个标准来统一其语法或特性,而这 3 种不同的版本恰恰突出了这个问题。随着业界担心的增加,这个语言的标准化显然已经势在必行。

2006年1月,jQuery的第一个版本面世,至今已经有10年多了(注:这个时间点是截止至出书时间)。虽然过了这么久,但它依然以其简洁、灵活的编程风格让人一见倾心。在本篇文章中,我们将讲述jQuery的发展 历史 ,让读者对jQuery有更多的了解。

在jQuery迅速发展的同时,一些大的厂商也看中了商机。2009年9月,微软和诺基亚公司正式宣布支持开源的jQuery库,另外,微软公司还宣称他们将把jQuery作为Visual Studio工具集的一部分。他将提供包括jQuery的智能提示、代码片段、示例文档编制等内容在内的功能。微软和诺基亚公司将长期成为jQuery的用户成员,其他成员还有Google,Intel,IBM,Intuit等公司。

2009年1月,jQuery 13版发布,它使用了全新的选择符引擎Sizzle,在各个浏览器下全面超越其他同类型JavaScript框架的查询速度,程序库的性能也因此有了极大提升。这一版本的第2个变化就是提供live()方法,使用live()方法可以为当前及将来增加的元素绑定事件,在13版之前,如果要为将来增加的元素绑定事件,需要使用livequery插件,而在13版中,可以直接用live()方法。 2005年8月,John Resig提议改进Prototype的“Behaviour”库,于是他在blog上发表了自己的想法,并用了3个例子做说明。

2010年2月,jQuery 142版发布,它新增了有关事件委托的两个方法:delegate()和undelegate()。delegate()用于替代132中的live()方法。这个方法比live()来的方便,而且也可以达到动态添加事件的作用。比如给表格的每个td绑定hover事件

特点

1动态特效

2AJAX

3通过插件来扩展

4方便的工具 - 例如浏览器版本判断

5渐进增强

6链式调用

7多浏览器支持,支持Internet Explorer60+、Opera90+、Firefox2+、Safari20+、Chrome10+(在200中取消了对Internet Explorer6,7,8的支持)

历史 版本

jQuery 10

(2006年8月):该库的第一个稳定版本,已经具有了对CSS选择符、事件处理和AJAX交互的稳健支持。

jQuery 11

(2007年1月):这一版大幅简化了API。许多较少使用的方法被合并,减少了需要掌握和解释的方法数量。

jQuery 113

(2007年7月):这次小版本变化包含了对jQuery选择符引擎执行速度的显著提升。从这个版本开始,jQuery的性能达到了Prototype、Mootools以及Dojo等同类JavaScript库的水平。

jQuery 12

(2007年9月):这一版去掉了对XPath选择符的支持,原因是相对于CSS语法它已经变得多余了。这一版能够支持对效果的更灵活定制,而且借助新增的命名空间事件,也使插件开发变得更容易。

jQuery UI(2007年9月):这个新的插件套件是作为曾经流行但已过时的Interface插件的替代项目而发布的。jQuery UI中包含大量预定义好的部件(widget),以及一组用于构建高级元素(例如可拖放的界面元素)的工具。

jQuery 126

(2008年5月):这一版主要是将Brandon Aaron开发的流行的Dimensions插件的功能移植到了核心库中。

jQuery 13

(2009年1月):这一版使用了全新的选择符引擎Sizzle,库的性能也因此有了极大提升。这一版正式支持事件委托特性。

jQuery 132

(2009年2月):这次小版本升级进一步提升了库的性能,例如改进了:visible/:hidden选择符、height()/width()方法的底层处理机制。另外,也支持查询的元素按文档顺序返回。

jQuery 14

(2010年1月14号):对代码库进行了内部重写组织,开始建立一些风格规范。老的corejs文件被分为attributejs,cssjs,datajs,manipulationjs,traversingjs和queuejs;CSS和attribute的逻辑分离。

重要变化:

1 Ajax重写

Ajax模块完全进行了重写。新增一个jXHR对象,为不同浏览器内置的XML>

A、prop() 方法设置或返回被选元素的属性和值。

当该方法用于返回属性值时,则返回第一个匹配元素的值。

当该方法用于设置属性值时,则为匹配元素集合设置一个或多个属性/值对。

注意:prop() 方法应该用于检索属性值,例如 DOM 属性(如 selectedIndex, tagName, nodeName, nodeType, ownerDocument, defaultChecked, 和 defaultSelected)。

提示:如需检索 HTML 属性,请使用 attr() 方法代替。

提示:如需移除属性,请使用 removeProp() 方法。

B、val() 方法返回或设置被选元素的值。

元素的值是通过 value 属性设置的。该方法大多用于 input 元素。

如果该方法未设置参数,则返回被选元素的当前值。

C、removeAttr() 方法从被选元素中移除属性。

D、设置或返回匹配元素的样式属性

故,此题选择A

要用jquery得到后台的信息,那么你就得用ajax来提交

下面是jquery里的一种提交方式,url就是你要提交到后台的url地址,null就是你要传递的参数,callback(data)就是回调函数,在这里对你得到的后台信息进行其它 *** 作

$post( url,null,

function callback(data){

//这里面的data就是你后台要输出的

}) ;

为jQuery-easyui 树添加,删除,修改树的节点,可能有人会说 *** 作完成以后刷新一下不就可以了吗。这种做法是可以,但是如果你的数据有很多,超过几万条。 *** 作完成后在刷新会很慢,效率不高。我们这里要讨论如何在不刷新的情况下外树添加,修改,删除节点。

首先在主页面添加几个方法:

[javascript] view plain copy

function removeRole(){

var node = $("#tt22")tree("getSelected");

$('#tt22')tree('remove', nodetarget);

}

function appendRole(leafText) {

var root = $("#tt22")tree('getRoot');

$("#tt22")tree("append",{

parent: roottarget,

data: [{

"text":leafText

}]

});

}

function updateRole(nodeText) {

var node = $("#tt22")tree("getSelected");

if(node) {

nodetext = nodeText;

$("#tt22")tree("update", node);

}

}

然后在 *** 作的时候,比如我添加一个角色,在action中添加三个变量: name:角色名称 operate:对应的 *** 作 role_id:角色Id

[java] view plain copy

requestsetAttribute("roleName", roleName);

requestsetAttribute("operate", operate);

requestsetAttribute("role_id", role_id);

然后在角色页面调用主页面定义的三个方法即可:

[javascript] view plain copy

$(function() {

var upd_flg = "${upd_flg}";

var add_role_id = "${add_role_id}";

var add_role_name = "${add_role_name}";

if((upd_flg == null) || (upd_flg == "")) {

return;

}

var leafText = "<a href=\"<%=path%>/admin/roleListOnloaddorole_id=";

leafText = leafText + add_role_id;

leafText = leafText + "\"";

leafText = leafText + " target=\"content_frame\">";

leafText = leafText + add_role_name;

leafText = leafText + "</a>";

if(upd_flg == "1") {

//新增

selfparentappendRole(leafText);

return;

}

if(upd_flg == "2") {

//修改

selfparentupdateRole(leafText);

return;

}

if(upd_flg=="3"){

//删除

selfparentremoveRole();

return;

}

});

以上就是关于jquery怎么获取div的id全部的内容,包括:jquery怎么获取div的id、jquery怎么获取select选中的值、怎样用jQuery自带方法/函数来获取outerHTML属性等相关内容解答,如果想了解更多相关内容,可以关注我们,你们的支持是我们更新的动力!

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

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

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

发表评论

登录后才能评论

评论列表(0条)

保存