宝哥软件园

jQuery创建节点的简单方法

编辑:宝哥软件园 来源:互联网 时间:2021-09-07

本文说明了通过jQuery创建节点的简单方法。分享给大家参考,如下:

html healtheta http-equiv=' Content-Type ' Content=' text/html;charset=utf-8 '/title/title script type=' text/JavaScript ' src=' http : js/jquery-1 . 10 . 1 . min . js '/script script type=' text/JavaScript '/![CDATA[$(function(){ var $ Li _ 1=$(' Li title=' banana ' banana/Li ');//创建li元素//包括元素节点、文本节点和属性节点//其中title=' banana '是创建的属性节点var $ Li _ 2=$(' Li title=' Sydney ' Sydney/Li ');//创建li元素//包括元素节点、文本节点和属性节点//其中title=' Sydney '是创建的属性节点var $ parent=$(' ul ');//获取ul节点。li $parent.append($li_1)的父节点;//添加到ul节点,这样就可以在网页上显示$ parent . append($ Li _ 2);//相当于:$ parent.append ($ Li _ 1)。追加($ Li _ 2);});//]]/script/head dyp title='选择你最喜欢的水果'你最喜欢什么水果?/pul Li title=' apple ' apple/Li Li title=' orange ' orange/Li Li title='菠萝'菠萝/li/ul/body/html渲染如下:

更多对jQuery感兴趣的读者,请查看本网站的话题:《jQuery操作DOM节点方法总结》、《jQuery页面元素操作技巧汇总》、《jQuery常见事件用法与技巧总结》、《jQuery常用插件及用法总结》、《jQuery操作json数据技巧汇总》、《jQuery扩展技巧总结》、《jQuery拖拽特效与技巧总结》、《jQuery表格(table)操作技巧汇总》、《jQuery常见经典特效汇总》。

希望本文对大家的jQuery程序设计有所帮助。

更多资讯
游戏推荐
更多+