$("#content1")
append(
'<table id="1_'//id=1_type
+ type
+ '"><tr><td>分享语句'
+ type
+ '</td></tr><tr>'
+ '<td><div id="wshopshare"></div></td>'
+ '<td><input name="wshopshare" id="wshopshare" type="text" style="width: 440px; "></td>'
+ '<td></td>'
+ '<td><button type="button" id="del1" onclick="componentdeleteAll(\'1\');">删除</button></td>'
+ '</tr></table>');
1导入JQuery插件（jar包）
首先到家可以自行前往官网下载JQueryjar包，博主下载的是331版本的，读者可自行选择版本
jar包导入很简单，首先我们传建一个项目，在项目中创建一个名为js的文件夹，把下载好的jar包粘贴到js文件夹即可，如：
2JQuery的基本使用方法
1连接
在编写项目中我们一般使用外联法，即新建一个后缀名为js的文件，用以下方法在HTML文件的<head>标签中添加下面两行代码，第一行为下载的JQueryjar包的文件地址，第二个则是我们新建的js文件（注意：新建js文件一定要写在JQueryjar包后，因为执行顺序是从上往下，先解析jar包在解析我们自己新建的js文件）
<script src="/js/jquery-331minjs"></script>
<script src="/js/loginjs"></script>
2编写
在js文件中我们第一件事就是要编写这样一个语句
$(function(){
JQuery语句体；
})
其作用为：$(function(){})是$(document)ready(function(){})的简写，或者$()ready(function(){})，会在DOM加载完成之后执行。也就是会在项目最后执行，就不会产生在THML语句前执行而出现的一系列问题；
3DOM对象与JQuery对象之间的转换
1获取DOM对象
var 对象名 = document(id获取，class获取，标签名获取)（“id名，class名，标签名”）；//创建DOM对象
documentgetElementsById("Obj")
documentgetElementsByClassName("Obj")
documentgetElementsByName("div");
var Domobj = documentgetElementById("Obj");//获取id为Obj的对象
alert(DomobjinnerHTML);//输出Domobj对象的HTNL内容在d窗上
2获取JQuery对象
var $对象名 = $("#id名 或者 class名 或者 标签名")
//获取Jquery对象
var $JQobj = $("#Obj");$("#xx")获取id名 $("xx")获取class名 $("div")获取标签名
alert($JQobjhtml());
3DOM对象---->JQuery对象
var $对象名 = $(DOM对象)；
// Dom对象--->Jquery对象
var $D_JQ = $(Domobj);
alert($D_JQhtml()) ;//获取标签体
$D_JQhtml("对呀，你真可爱");
4JQuery对象---->DOM对象
var Dom对象名 = $JQuery对象名[0];
var Dom对象名 = $JQuery对象get(0);
// Jquery对象--->Dom对象
var JQ_D = $JQobj[0];
alert(JQ_DinnerHTML);
JQ_DinnerHTML = "天呐，你也太可爱了吧";
var JQ_D = $JQobjget(0);
JQ_DinnerHTML = "天呐，你也太可爱了吧";
其实JQuery对象实际上就是DOM对象的的一个数组，[0],get(0)即为获取DOM对象数组中的第一个元素
只有在DOM元素被渲染了之后，才能获取元素实际的宽高。
换句话说，如果元素还未插入DOM树里，就不可能走到渲染这一步，更不可能拿到元素的宽和高。
综上所述，你只能通过在DOM中插入元素，之后再获取已经渲染好的元素的宽高。
jQ对象转DOM对象-->
$(elem)[0]，或
$(elem)get(0)注：jQ对象保存的是一个数组，每个元素都是Dom对象的引用，访问该元素索引值即可获取该Dom元素DOM对象转jQ对象-->
$(domElem)如果domElem是dom元素，直接用$()包裹起来即可转为jQ对象。
以上就是关于如何通过jquery获取js动态append到html页面的dom属性全部的内容，包括:如何通过jquery获取js动态append到html页面的dom属性、jquery怎么导入jar包、jquery如何获取动态创建的且还没有放入dom的元素的宽度等相关内容解答，如果想了解更多相关内容，可以关注我们，你们的支持是我们更新的动力！
欢迎分享，转载请注明来源：内存溢出
微信扫一扫
支付宝扫一扫
评论列表（0条）