jquery操作html元素

$(‘:input[name=ckb]:checked‘).length;      //获取选中项个数,单/复选矿均可用
$(‘:input[name=rad]:checked‘).val();       //获取选中项值,适用于单选框
$(‘select[name=slt]‘).val();            //获取选中项值,适用于下拉列表
$(‘select[name=slt] option[index=0]‘).val();    //获取第一个列表值,适用于下拉列表
$(‘select[name=slt] option:selected‘).text();   //获取选中项的文本值,适用于下拉列表
$(‘select[name=slt] option:selected‘).val(‘修改值‘);//修改选中项的值,适用于下拉列表
更新ING...

时间: 2024-10-15 09:12:35

jquery操作html元素的相关文章

web进阶之jQuery操作DOM元素&&MySQL记录操作&&PHP面向对象学习笔记

hi 保持学习数量和质量 1.jQuery操作DOM元素 ----使用attr()方法控制元素的属性 attr()方法的作用是设置或者返回元素的属性,其中attr(属性名)格式是获取元素属性名的值,attr(属性名,属性值)格式则是设置元素属性名的值. 控制就是获取以及设置 <h3>attr()方法设置元素属性</h3> <a href="http://127.0.0.1" id="a1">点我就变</a> <d

jquery操作html元素之( 获取并设置 CSS 类)

jQuery 操作 CSS jQuery 拥有若干进行 CSS 操作的方法.我们将学习下面这些: addClass() - 向被选元素添加一个或多个类 removeClass() - 从被选元素删除一个或多个类 toggleClass() - 对被选元素进行添加/删除类的切换操作 css() - 设置或返回样式属性 实例样式表 下面的样式表将用于本页的所有例子: .important { font-weight:bold; font-size:xx-large; } .blue { color:

JQuery操作Table元素

使用Jquery操作Table中的tr向上或向下移动,以及全选和反选操作. 点击Table Head中的复选框,全选或反选表格中所有的复选框; 选中复选框,点击Up 按钮, tr上移;点击 Down 按钮,tr 下移. ASPX代码: <table border="0" cellpadding="3" cellspacing="1"> <tr> <td>    </td> <td align=

jQuery操作页面元素之包装元素

一:包装结点:指用指定HTML结构包装现有元素,被包装元素成为结构的子结点.就好像python中的装饰器. 1:wrap(): wrap方法用指定HTML结构包装结点,参数可以是HTML字符串.选择器或者jQuery对象.匹配多个结点时,分别包装各个结点. 2:wrapAll(): wrapAll方法将所有选中的结点包装在一个HTML结构中,参数可以是HTML字符串.选择器或者jQuery对象. 1 <!DOCTYPE html> 2 <html> 3 4 <head>

jquery操作DOM元素的复习

使用attr()方法控制元素的属性 attr()方法的作用是设置或者返回元素的属性,其中attr(属性名)格式是获取元素属性名的值,attr(属性名,属性值)格式则是设置元素属性名的值. 操作元素的内容 使用html()和text()方法操作元素的内容,当两个方法的参数为空时,表示获取该元素的内容,而如果方法中包含参数,则表示将参数值设置为元素内容. var $content = "<b>唉,我又变胖了!</b>"; $("#html").h

jquery操作html元素之( 获得内容和属性)

* jQuery - 获得内容和属性 jQuery DOM 操作 jQuery 中非常重要的部分,就是操作 DOM 的能力. jQuery 提供一系列与 DOM 相关的方法,这使访问和操作元素和属性变得很容易. 提示:DOM = Document Object Model(文档对象模型) DOM 定义访问 HTML 和 XML 文档的标准: “W3C 文档对象模型独立于平台和语言的界面,允许程序和脚本动态访问和更新文档的内容.结构以及样式.” 获得内容 - text().html() 以及 va

jQuery操作DOM元素

1.attr() 控制元素属性 2. html(),text()控制元素内容,其中text()只是文本内容 3. addClass(),css()操作元素的样式 4.使用removeAttr(name)和removeClass(class)分别可以实现移除元素的属性和样式的功能 5.append()追加内容 6.appendTo()反追加 7.before(),after()元素前后插入内容 8.clone() 复制元素 9. $(selector).replaceWith(content)--

jquery操作html元素之( 尺寸)

jQuery 提供多个处理尺寸的重要方法: width() height() innerWidth() innerHeight() outerWidth() outerHeight() jQuery width() 和 height() 方法 width() 方法设置或返回元素的宽度(不包括内边距.边框或外边距). height() 方法设置或返回元素的高度(不包括内边距.边框或外边距). 下面的例子返回指定的 <div> 元素的宽度和高度: 实例 $("button").

jquery操作html元素之(设置内容和属性)

设置内容 - text().html() 以及 val() 我们将使用前一章中的三个相同的方法来设置内容: text() - 设置或返回所选元素的文本内容 html() - 设置或返回所选元素的内容(包括 HTML 标记) val() - 设置或返回表单字段的值 下面的例子演示如何通过 text().html() 以及 val() 方法来设置内容: 实例 $("#btn1").click(function(){ $("#test1").text("Hell

jquery操作html元素之(删除元素)

删除元素/内容 如需删除元素和内容,一般可使用以下两个 jQuery 方法: remove() - 删除被选元素(及其子元素) empty() - 从被选元素中删除子元素 jQuery remove() 方法 jQuery remove() 方法删除被选元素及其子元素. 实例 $("#div1").remove(); jQuery empty() 方法 jQuery empty() 方法删除被选元素的子元素. 实例 $("#div1").empty(); 过滤被删除