化石原创文章,转载请注明来源并保留原文链接


html中我们可以通过DOM方法得到每个元素的句柄,从而得到这个html对象(或者说是dom对象,在这里都是一个意思)。JQuery作为使用非常方便的辅助库,几乎在所有的javascrip中被使用。

不过在很多地方,我们往往使用原来的html(javascript)对象,比如,在一个元素被点击后,我们如果实现这个点击后的方法,参数中用this,就代表了这个元素。这个时候,原始的句柄是html对象,而不是JQuery。这种情况下,两者之间的转化就成了必需品。这里提供解决方案。

1、html对象转化成JQuery对象:

只要用$()包装,就可以得到JQuery对象。

举例:

var elementHandle = document.getElementById('elementid');
var jqueryElementHandle = $(elementHandle);

2、JQuery对象转化成html对象

通过下标得到html对象

比如:

var jqueryElementHandle = $('#DOM id');
var htmlElementHandle = jqueryElementHandle[0];
//或者
var htmlElementHandle = jqueryElementHandle.get(0);

化石原创文章,转载请注明来源并保留原文链接



化石原创文章,转载请注明来源并保留原文链接


html中的节点中,第一个往往是不能选择的选项,在动态插入不同的值的时候,第一个往往不需要改变。所以,在动态移除内容的过程中,往往需要实现的功能是: 移除所有的节点,除了第一个。 这里举例,假设的id是subcatlog-selection,那么可以用这样的javascript(jquery)代码

var parent = $('#subcatlog-selection');
parent.children().slice(1).remove();

另外注意的:

remove()方法可以用detach()替代。detach会返回移除的元素的句柄,用于后面的反复使用,而remove()没有这样的功能。


化石原创文章,转载请注明来源并保留原文链接