十年网站开发经验 + 多家企业客户 + 靠谱的建站团队
量身定制 + 运营维护+专业推广+无忧售后,网站问题一站解决
jquery的 text()仅能读取出xml中不含标签的文字部分。
创新互联建站是专业的康平网站建设公司,康平接单;提供网站设计制作、成都网站建设,网页设计,网站设计,建网站,PHP网站建设等专业做网站服务;采用PHP框架,可快速的进行康平网站开发网页制作和功能扩展;专业做搜索引擎喜爱的网站,专业的做网站团队,希望更多企业前来合作!
而 html() 办法也绝对读不出xml中的标签。
现在给你两种解决办法:
办法一,不用ajax,而用jquery的load()办法。前提是你知道load()怎么用。
将你需要读取的的xml代码块外面套一层html标签,比如div什么的,再给他加个ID,比如:
info
div id="xxx"
小牛情侣纸巾套,很可爱的一对小情侣哦!br /
赶快领回家吧!br /
超软的面料,超可爱的造型,冷冷的冬天抱在手上也是br /
很享受的事情哦!/div/info
这样,用
$("选择器").load("xml文件的url #xxx")
就可以读出。
这办法有2种缺点。
一,这办法不是ajax,虽然有点像
二,需要改动xml原文件。
办法二,使用一小段jquery插件:
/**
* jQuery xml plugin - Converts XML node(s) to string
* Dual licensed under the MIT and GPL
* Copyright (c) 2009 Radim Svoboda
* @version 1.0.0
*/
jQuery.fn.xml=function(all){var s="";if(this.length)
(((typeof all!='undefined')all)?this:jQuery(this[0]).contents()).each(function(){s+=window.ActiveXObject?this.xml:(new XMLSerializer()).serializeToString(this);});return s;};
以上为插件代码。
使用以上代码后,就可以使用ajax读取xml文件中的文字和标签了。比如:
$.get('xml文件url',function(data){$('选择器').html($(data).find('info').xml(0))});
其中xml()括号里有两个参数0和1可以选。
0代表读取 info标签里面的内容
1代表读取 info标签以及标签里面的内容
这种办法,缺点暂时没发现。
好了,我写了那么多,分给我吧?
使用ajax或者jquery动态创建的元素,例如'select
id="dbc"',是无法用$("#dbc")获取的。
用法如下:
$(selector).live("event", data, function());
data为可选参数,规定传递到该函数的额外参数
e.g:
$("#store").live("change", function() {
$("#username").val($("#store").val() + "_" + $("#limits").val());
});
$("#username")是使用ajax动态创建的'select id="username"'
刚刚翻看CSS 3.0 api 时发现,p[title^="val"] {color:#FF0000;}有一个这种选择器是匹配 P标签的TITLE的元素的开头字符串,然后拿到JQUERY中试了一下,发现竟然可以。
主要代码就是$("tr[id^='myte']").css("background-color","#B2E400");
意思是 匹配id以myte开头的tr,结果我所有的id以myte开头的tr颜色都被改变了,你可以试一试。JQUERY的好处是可以尽量的不使用循环,后来我想如果不确定是哪种标签怎么办,于是我把TR给去掉了,是可以的,甚至我把TR换成了$也是可以的,也就变成了
$("[id^='myte']").css("background-color","#B2E400"); 在页面中加了几个DIV,结果div和TR的的背景色都是可以改变的。
不过JQUERY里有mouseenter 和mouseleave这两个事件吗?
下面的代码你试试看,看行不行:
$(document).ready(function(){
$("[id^='sel']").mouseout(function(){ //鼠标离开
$(".child_menus").hide("slow");
}
);
$("[id^='sel0']").mouseover(function(){ //鼠标悬停
$(".child_menus").show("slow"); //.是class选择器。
}
); });
我试过了,是可以的。
不得不说JQUERY的选择器真的是比较的强大啊。
$("#dc div")意思为查找id值为dc这个容器中所有的div标签
这个就是一个层级的概念了
$("#dcdiv:first")这个就是说查找id值为dc这个容器中的直接div标签(不包括其他标签内部的div标签)
同时,咱们能看到还有一个:first,这个就是说只定位到第一个div标签上面
div id="dc"
div name="1"/div
div name="2"
div name="3"/div
/div
/div
$("#dc div")要使用这个查找的话,他就能找到name=1 2 3这三个div
$("#dcdiv")要使用这个查找的话,他就能找到name=1 2这两个div
$("#dcdiv:first")要是使用这个查找的话,他就只能找到 name=1的这个div了
您说的$("#dcdiv")或$("#dc=div")这两种方法就是没有的了,
因为在这里不是一个比较运算符,
《JavaScript和jQuery实战手册(原书第3版)》电子书网盘下载免费在线阅读
资源链接:
链接:
密码:9hja
书名:JavaScript和jQuery实战手册(原书第3版)
出版社:机械工业出版社
出版年份:2017-3-1
内容简介:
jQuery可以大大改进网页的动画、交互性和视觉效果,但学习该门语言不太容易。本书通过一步步引导基础知识,展示了如何使用jQuery(即预先写好的代码库)来节省时间和精力,以及jQueryUI插件中的创新。
作者简介:
大卫·索耶·麦法兰德,公司总裁,资历Web应用开发工程师、培训讲师和技术作家。在Web开发方面拥有将近20年的工作经验,具有很好高的度和很好大的影响力。曾担任加州大学伯利分校的网络负责人,他还在加州大学伯利分校新闻学研究生院和波特兰州立大学任教。他居住在波特兰,并撰写了Adobe Dreamweaver和CSS方面的Missing Manual系列书。
《JavaScript和jQuery实战手册》(David Sawyer McFarland)电子书网盘下载免费在线阅读
资源链接:
链接:
提取码: etux
书名:JavaScript和jQuery实战手册
作者:David Sawyer McFarland
译者:孙向阳
豆瓣评分:7.9
出版社:机械工业出版社华章公司
出版年份:2013-3-31
页数:516
内容简介:
本书第1版不仅在市场上取得了良好的销售成绩,而且获得了读者极佳的口碑,在JavaScript编程领域独树一帜!第2版结合JavaScript和jQuery最新技术,对全书内容进行了更新和优化,使之在技术上更先进,也更易于学习。本书的最大特色就是内容系统且全面:从JavaScript的基本概念,到Web最流行的JavaScript库——jQuery,再到构建Web功能;从JavaScript各组件和服务的使用,到jQuery和Ajax等开发工具的应用,再到Web应用程序的发布;从基本的Web搭建等基础知识,到jQuery、CSS、Ajax等高级知识……几乎面面俱到,广度与深度兼备。
全书通过大量代码示例说明图的方式说明代码的工作机制,以及各个部分的作用和功能,引导读者在实践中学习和领悟JavaScript的基本思想。通过学习本书,读者不仅能够掌握JavaScript编程的各项技术细节,还能体会到不断剖析、层层递进解决问题的思路。让读者在实践中学,轻松地掌握使用JavaScript和jQuery开发Web应用的有用技能。
作者简介:
David Sawyer McFarland,Sawyer McFarland Media公司总裁,资深Web应用开发工程师、培训讲师和技术作家。在Web开发方面拥有将近20年的工作经验,具有非常高的知名度和非常大的影响力。曾担任加州大学伯克利分校的网络负责人并负责针对Macworld.com进行了一次完全由CSS驱动的重新设计。曾在《Practical Web Design》《MX Developer's Journal》《Macworld》杂志和CreativePro.com发表了大量关于Web设计的文章,广受读者好评。