jQuery基础DOM

基础DOM由D,document文档页面;O表示对象 ,就是一组含有独立特性的数据结合,M表示模型,就是在页面上的元素节点与文本节点。

html()与text()方法
方法名 描述
html() 获取元素中HTML内容  
html(value) 设置元素中HTML内容
text() 获取元素中文本内容
text(value) 设置原生中HTML内容
val() 获取表单中的文本内容
val(value) 设置表单中的文本内容

如果设置多个选项的选定状态,比如下拉列表,单选复选框等,可以用数组传递操作

$(‘input‘).val(["check1","check2","check3"]);//value值是这些的将被选中

时间: 2024-08-07 04:14:31

jQuery基础DOM的相关文章

jQuery基础——DOM篇

jQuery基础--DOM篇 在javascript中如何创建节点? 创建节点(常见的:元素.属性和文本) 添加节点的一些属性 加入到文档中 流程中涉及的一点方法: 创建元素:document.createElement 设置属性:setAttribute 添加文本:innerHTML 加入文档:appendChild 例子: document.addEventListener('click',function(){ //创建2个div元素 var rightdiv = document.cre

jQuery基础DOM和CSS操作

$('#box').html();//获取 html 内容$('#box').text();//获取文本内容,会自动清理 html 标签$('#box').html('<em>www.li.cc</em>');//设置 html 内容$('#box').text('<em>www.li.cc</em>');//设置文本内容,会自动转义 html标签$('#box').html($('#box').html() + '<em>www.li.cc&l

jQuery 基础 DOM 和 CSS操作

设置元素及内容 通过选择器.过滤器来得到我们想要操作的元素.这个时候,我们就可以对这些元素进行 DOM 的操作.那么,最常用的操作就是对元素内容的获取和修改. 在常规的 DOM 元素中,我们可以使用 html()和 text()方法获取内部的数据.html()方法 可以获取或设置 html 内容,text()可以获取或设置文本内容. $('#box').html(); //获取 html 内容 $('#box').text(); //获取文本内容,会自动清理 html 标签 $('#box').

JQuery基础DOM操作

DOM创建节点及节点属性 通过JavaScript可以很方便的获取DOM节点,从而进行一系列的DOM操作.但实际上一般开发者都习惯性的先定义好HTML结构,但这样就非常不灵活了. 试想下这样的情况:如果我们通过AJAX获取到数据之后然后才能确定结构的话,这种情况就需要动态的处理节点了 创建流程比较简单,大体如下: 创建节点(常见的:元素.属性和文本) 添加节点的一些属性 加入到文档中 流程中涉及的一点方法: 创建元素:document.createElement 设置属性:setAttribut

jQuery基础 DOM操作

设置属性:只有一个参数为获取 $("#btn1").click(function () { $(this).attr("disabled","disabled"); }); 移除属性: $("#btn1").click(function () { $(this).removeAttr("value"); }); 设置样式:只有一个参数为选取 $("#btn1").click(functi

jQuery 基础DOM和CSS操作

要点: 设置元素及内容 元素属性操作 元素样式操作 CSS 方法 一.设置元素及内容 1.设置和获取元素中的HTML内容 <div id="test"> <h1>This is H1</h1> </div> console.log($("#test").html()); // <h1>This is H1</h1> 先获取当前的内容,再追加内容 $("#test").html

##Jquery基础(三)

Jquery基础-DOM ##一.DOM 是 JavaScript 操作网页的接口,全称为“文档对象模型”(Document Object Model).它的作用是将网页转为一个 JavaScript 对象,从而可以用脚本进行各种操作(比如增删内容). 浏览器会根据 DOM 模型,将结构化文档(比如 HTML 和 XML)解析成一系列的节点,再由这些节点组成一个树状结构(DOM Tree).所有的节点和最终的树状结构,都有规范的对外接口. ##1,节点类型 ##1.1DOM 的最小组成单位叫做节

jQuery EasyUI Datagrid组件的完整的基础DOM结构

该日志由 世纪之光 于2年前发表在datagrid分类下 转载: jQuery EasyUI Datagrid组件的完整的基础DOM结构 | WebUI框架使用参考+ http://www.easyui.info/archives/1157.html 关键字: datagrid源码分析, datagrid结构, easyui源码分析 标题可能有点长,什么叫“完整的基础DOM结构”,这里“基础”的意思是指这个结构不依赖具体数据,不依赖Datagrid的view属性,只要存在Datagrid实例就会

Jquery基础之DOM操作

 一.jQuery对象与Dom对象的区别 一直以来对于通过jQuery方式获取的对象使不能直接使用JavaScript的一些方法的,开始的时候不理解,现在此案知道,原来jQuery获得的对象并不和我们平时使用getElementById获得的对象是一样的对象.所以一些新手就很迷惑,为什么${”#Element”}不能直接innerHTML,这就是原因所在,解决方式请看下文. jQuery对象与dom对象的转换只有jquery对象才能使用jquery定义的方法.注意dom对象和jquery对象是有