jquery将指定标签中的元素添加其后面

jquery将指定标签中的元素添加其后面,第1张

jquery将指定标签中的元素添加其后面

问题分析:

首先复述一下你的需求:在页面加载完毕后,将页面中#skin下的img标签进行修改,将其alt属性的值复制一份到其title属性。并在其后面追加h4标签,h4标签的内容为alt属性的值。

解决步骤:

通过使用jQuery的each方法遍历多个img标签。

1、获取alt属性的值。

2、通过jQuery的attr方法将获取的alt属性的值赋值给title属性。

3、通过jQuery的after方法将h4标签追加到img的后面。

举例如下:

HTML代码:

<div id="skin"> <img src=felix.jpg alt="felix"> <img src=felix.jpg alt="felix"> <img src=felix.jpg alt="felix"></div>

jQuery代码:

$.each($('#skin img'), function() {var alt = $(this).attr('alt') $(this).attr('title', alt).after('<h4>' + alt + '</h4>')})

页面运行后的HTML代码:

总结: 从以上代码截图可以看出,在页面运行后,img标签中多了title属性,以及后面被追加了h4标签,title属性以及h4标签的值与alt属性完全相等。

jQuery怎么为指定标签添加和删除一个样式

直接修改样式或者修改类名或者id

$().css()

$().attr("class/id","")

java 如何去除中的一个指定标签和指定标签里的内容

java处理指定标签最好用正则表达式。例如要去除中所有的h1标签和类容就可以用下面的演示代码:

package konw.regimport java.io.BufferedReaderimport java.io.BufferedWriterimport java.io.FileNotFoundExceptionimport java.io.FileReaderimport java.io.FileWriterimport java.io.IOExceptionimport java.util.regex.Matcherimport java.util.regex.Patternpublic class RemoveTag{public static void main(String[] args){FileReader fr String content =null String regex = "<[Hh]1>.*</[Hh]1>" try{fr = new FileReader("tag.") BufferedReader br = new BufferedReader(fr) String str = null StringBuffer *** = new StringBuffer() while((str = br.readLine()) != null){ *** .append(str+"\n") }content = *** .toString() br.close() } catch (FileNotFoundException e){e.printStackTrace() } catch (IOException e){e.printStackTrace() }Pattern pattern = Pattern.pile(regex) Matcher matcher = pattern.matcher(content) StringBuffer *** 1 = new StringBuffer() while(matcher.find()){ *** 1.append(matcher.replaceAll("")+"\n") }try{FileWriter fw = new FileWriter("tag.") BufferedWriter bw = new BufferedWriter(fw) fw.write( *** 1.toString()) bw.close() } catch (IOException e){e.printStackTrace() }}}

用jquery怎么在任意指定li元素后面插入新的li元素?

下面介绍一下如何利用jquery实现此功能。

代码实例:

<!DOCTYPE ><><head>

<meta charset= utf-8>

<meta name=author content=":sofhy./" />

<title>蚂蚁部落</title>

<style type=text/css>

ul li{

height:25px

list-style:none

font-size:12px

}

</style>

<script src=:libs.baidu./jquery/1.9.0/jquery.js></script>

<script type=text/javascript>

$(document).ready(function(){

$("#bt").click(function(){

$("#box li").eq(1).after("<li>分享的精神和互助的胸怀是进步最大源动力。</li>")

$(this).prop("disabled",true)

})

})

</script>

</head>

<body>

<ul id="box">

<li>蚂蚁部落欢迎您</li>

<li>提供丰富的div css教程内容。</li>

<li>只有努力奋斗才会有美好的未来。</li>

</ul>

<input type=button id="bt" value="查看效果"/>

</body>

</>

上面的代码实现了我们的要求,点击按钮可以将一个新的li元素添加到第二个li元素的后面。

jquery 动态添加元素事件,我的标签是自定义的,求个

用on方法,这样你动态添加的元素也能绑定到事件。jquery 动态添加元素事件,我的标签是自定义的,求个

Excel 怎样将指定宏按钮添加到鼠标右键中

没有打开,正确的 *** 作方法如下:为Workbook对象的open过程编写代码即可!步骤如下:按ALT+F11,双击左边的ThisWorkbook,在右边的“对象框”选择Workbook,“过程框“选择Open,输入MsgBox"hello",使代码窗口显示如下:PrivateSubWorkbook_Open() MsgBox"hello"EndSub则当你打开该工作表时会自动d出对话框,内容为hello.

jquery对json 键值对或数组的增加、删除、遍历 *** 作的代码如下:

var jsonStr={}

//增加jsonStr["name1"]="yu"jsonStr["name2"]="jin"jsonStr["name3"]="sheng"

$.each(jsonStr,function(_key)

{    console.log("Push结果:"+_key+"=="+jsonStr[_key]+"\r\n")})

//遍历$.each(jsonStr,function(_key)

{    var key = _key

var value = jsonStr[_key] 

if(_key=="name1")

{  //删除       delete jsonStr[_key]

}

})

$.each(jsonStr,function(_key){    console.log("删除后的结果:"+_key+"=="+jsonStr[_key]+"\r\n")

})

输出结果为:

扩展资料:

jQuery是一个快速、简洁的JavaScript框架,是继Prototype之后又一个优秀的JavaScript代码库(或JavaScript框架)。

jQuery设计的宗旨是“write Less,Do More”,即倡导写更少的代码,做更多的事情。它封装JavaScript常用的功能代码,提供一种简便的JavaScript设计模式,优化HTML文档 *** 作、事件处理、动画设计和Ajax交互。

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

jQuery的模块可以分为3部分:入口模块、底层支持模块和功能模块。

在构造jQuery对象模块中,如果在调用构造函数jQuery()创建jQuery对象时传入了选择器表达式,则会调用选择器Sizzle(一款纯JavaScript实现的CSS选择器引擎,用于查找与选择器表达式匹配的元素集合)遍历文档,查找与之匹配的DOM元素,并创建一个包含了这些DOM元素引用的jQuery对象。

浏览器功能测试模块提供了针对不同浏览器功能和bug的测试结果,其他模块则基于这些测试结果来解决浏览器之间的兼容性问题。

在底层支持模块中,回调函数列表模块用于增强对回调函数的管理,支持添加、移除、触发、锁定、禁用回调函数等功能。

异步队列模块用于解耦异步任务和回调函数,它在回调函数列表的基础上为回调函数增加了状态,并提供了多个回调函数列表,支持传播任意同步或异步回调函数的成功或失败状态。

数据缓存模块用于为DOM元素和Javascript对象附加任意类型的数据;队列模块用于管理一组函数,支持函数的入队和出队 *** 作,并确保函数按顺序执行,它基于数据缓存模块实现。

参考资料:

百度百科--jQuery

使用jquery创建新元素的方法为:$(html标签),例如 $("<p></p>")创建了一个段落。注意此时只是创建了对象,尚未添加到文档节点中去;以下四个 jQuery 方法可以添加新内容到文档树中:

append() - 在被选元素的结尾插入内容

prepend() - 在被选元素的开头插入内容

after() - 在被选元素之后插入内容

before() - 在被选元素之前插入内容

下面进行实例演示:点击“添加”按钮,新建一个input文本框

1、HTML结构

<input type="text" id="test_input">

<input type='button' value='添加'/>

2、javascript代码

$(function(){

$("input[type='button']").click(function() {

new_obj = $("<input type='text'>")

$(this).before(new_obj)

})

})

3、显示效果

初始样式

点击两次“添加”按钮之后的效果


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

原文地址: http://outofmemory.cn/bake/11664461.html

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

发表评论

登录后才能评论

评论列表(0条)

保存