怎样用jQuery自带方法函数来获取outerHTML属性

在开发过程中，jQueryhtml() 是获取当前节点下的html代码，并不包含当前节点本身的代码，然而我们有时候的确需要，可以通过jQueryprop("outerHTML")的方式设置。

很多jQuery的使用者都对这一问题深感疑惑。为什么在众多方便的各种获取属性和设置属性的方法中就不能像DOM中一样直接设置html元素的outerHTML呢？

因为原生JS DOM里有一个内置属性 outerHTML （看清大小写哦，JS是区分大小写的）用来获取当前节点的html代码(包含当前节点)，所以用jQuery的prop()能拿到

一、jquery获取outerhtml

<div class="test"><p>hello，你好！</p></div>

<script>

$("test")prop("outerHTML");

</script>

二、jquery设置outerhtml

 $(

'test'

)prop(

'outerHTML'

, 

'<input>'

);

=== select的值 ===

$('table select')val();

=== checkbox的值，因为可能选中多个值，在这我把结果放到一个array里 ===

var values = new Array();

$('input[name=check]:checked')each( function(){

valuespush($(this)val());

});

如果都选中输出values的结果是["爱好", "打篮球"]

1、创建如下结构的测试文件-- Content，-- jquery-1113minjs，-- JquerySelecthtml。

2、获取下拉框选中值：使用val()。

3、获取下拉框选中文本：使用find("option:selected")text()。

4、获取下拉框选中项的索引：使用get(0)selectedIndex。

5、通过value值设置下拉框的选中项：使用val("value值")。

6、通过text值设置下拉框的选中项。

7、通过value值删除下拉框的一个选项。

8、通过text值删除下拉框的一个选项。

使用Jquery获取某个div时需要这样：前台使用EL进行迭代LIST生成div，为其添加动态的id,生成之后变成下面样式

<div id="tz-1"></div>

<div id="tz-2"></div>

<div id="tz-3"></div>

<div id="tz-4"></div>

<div id="tz-5"></div>

<div id="tz-6"></div>

注意：我们在使用Jquery获取某个div时需要这样写

$("#" + 所定义的id变量名);

而不能写成这样

$("#所定义的id变量名");

扩展资料：

jQuery是一个快速、简洁的JavaScript框架，是继Prototype之后又一个优秀的JavaScript代码库（或JavaScript框架）。jQuery设计的宗旨是“write Less，Do More”，即倡导写更少的代码，做更多的事情。它封装JavaScript常用的功能代码，提供一种简便的JavaScript设计模式，优化HTML文档 *** 作、事件处理、动画设计和Ajax交互。

ID选择器：选择具有给定id属性的单个元素。

对于id选择器，jQuery使用JavaScript函数documentgetElementById()，这是非常有效的。当另一个选择器连接到id选择器时，如H2#页滴，jQuery在将元素标识为匹配之前执行额外的检查。

呼叫jQuery()(或$())，以id选择器作为其参数，将返回一个jQuery对象，该对象包含一个包含0或一个DOM元素的集合。

各ID值只能在文档中使用一次。如果已为多个元素分配了相同的ID，则使用该ID的查询只会选择DOM中的第一个匹配元素。但是，不应依赖此行为；使用相同ID的多个元素的文档无效。

如果id包含像句点或冒号这样的字符，则必须用反斜杠转义那些字符

参考资料：

百度百科 jQuery

Jquery官方API -ID Selector

jquery获取classname的方法。

如下参考：

1．首先，打开桌面上的jquery图标，打开软件，创建一个新的HTML文档，并指定元素的ID。

2．编写JS脚本，根据ID选择元素，如下图所示。

3．使用．val（）方法获取被选元百素的value值，如下图。

4．以d出窗口的形式显示得到的输入值。

5．保存文件并在浏览器中查看结果。

以上就是关于怎样用jQuery自带方法/函数来获取outerHTML属性全部的内容，包括:怎样用jQuery自带方法/函数来获取outerHTML属性、jquery怎么获取一个table下的td的select标签选中的值，如：、jQuery如何获取复选框选中项后的文字等相关内容解答，如果想了解更多相关内容，可以关注我们，你们的支持是我们更新的动力！