我的处理方式一般是在加载的页面里写初始化加载函数,或是用原来的onclick这样就不用绑定了团队的其他人也容易找到你的事件函数绑定事件多了很容易弄了不好控制,特别是在团队开发中这种绑定就是隐形的杀手建议以下;JQ 是基于 js脚本 开发的语言框架二者都是运行在浏览器上也就是HTML页面中,如果要创建新的HTML文档是不行的 JS JQ只能实现创建 HTML标签 js语法 htmlJQ语法 html;quot#newnavquotloadquotajaxtesthtml #containerquotltscriptltbodylthtml可以用jquery里面的load方法,上面的例子是在ajax目录下找到testhtml文件,把里面id为#container的div加载到该页面div为#newnav的盒子;ajax ajax url url, type #39POST#39, dataaction#39getDivHtml#39, dataType #39html#39, success functionresult $quot#divquothtmlresult;使用ajax参考代码function ajax typequotPOSTquot, urlquotLoginLoadArticleashxquot,data quottype=quot+escapequot最新公告quot ,successfunctionmsg quotgonggaoquothtmlmsg, errorfunctionXML;function _delobj$objparentremove 接着调用这个方法需要这么写你的点击“增加”按钮执行的你现在写的那个方法,里面有一个变量content,这个content应该就是你的那个div的html代码,删除按钮肯定也是写在;改变被选元素的内部HTML selectorappendcontent向被选元素的内部HTML 追加内容 selectorprependcontent向被选元素的内部HTML “预置”Prepend内容 selectoraftercontent在被选元素之后添加。
可以用楼上的方法,也可以用如下方式,ltdiv class=quota1quot ltdiv class=quotbquotbbbltdiv ltdiv class=quotcquotcccltdiv ltdiv ltscript type=quottextjavascriptquot lt! function quota1quotafterquotltdiv class;在点button时,将此变量append到你所要添加的地方比如var tempDOM function clickDOM tempDOM = $this function clickButton quot#你所要添加到的div或者其他的idquotappendtempDOM;参考代码function ajax typequotPOSTquot, urlquotLoginLoadArticleashxquot,data quottype=quot+escapequot最新公告quot ,successfunctionmsg quotgonggaoquothtmlmsg, errorfunctionXML;因为网站在访问的时候已经解析了DOM和JS,已经帮元素绑定了事件,用AJAX加进来的当然没绑定事件,你可以用事件绑定,documentonquotclickquot,quotdivquot,function;1,先加载jquery库 2,$function quot#wrapoutquothtmlquotltscriptalert3ltscriptquot这样就好了。
言归正传,jquery ajax和js中用ajax提交html代码内容的方法是差不多,举个例子lthtml lthead ltscript type=quottextjavascriptquot src=quotjqueryjqueryjsquotltscript ltscript type=quottextjavascriptquot documentready;js的换行,就表示此语句结束,不能这么写htmlquotstringquot 要放在一行内 或者你可以 lttextarea style=quotdisplayquot name=quottestquot id=quotaaquot cols=quot30quot rows=quot10quot ltul id=#39weekul#39 ltcforEach var=;documentreadyfunction quot#btn2quotclickfunction quotltinput type=#39text#39 name=#39ddd#39 id=#39ddd#39 value=#39Hello, Nowamagic#39 ltbrquotappendToquot#cccquotquot#btn1quotclickfunction quot#now。
你搞反了吧源码里面加jqueryjquery是嵌入式语言html才是根本,当然是可以通过jquery输出html但是也是在html写的jquery再输出的至于用jquery输出html,documentwritequot你要输出的内容quot。
2、本站永久网址:https://www.yuanmacun.com
3、本网站的文章部分内容可能来源于网络,仅供大家学习与参考,如有侵权,请联系站长进行删除处理。
4、本站一切资源不代表本站立场,并不代表本站赞同其观点和对其真实性负责。
5、本站一律禁止以任何方式发布或转载任何违法的相关信息,访客发现请向站长举报
6、本站资源大多存储在云盘,如发现链接失效,请联系我们我们会第一时间更新。
源码村资源网 » 包含jquery增加html代码的词条
1 评论