jQuery获取元素

**********************获取元素****************************
 //返回id为msg的元素节点的html内容。
$(”#msg”).html();

//将“<b>new content</b>”作为html串写入id为msg的元素节点内容中,页面显示粗体的new

content(会解析)
$(”#msg”).html(”<b>new content</b>”);

//返回id为msg的元素节点的文本内容。
$(”#msg”).text();

//将“<b>new content</b>” 作为普通文本串写入id为msg的元素节点内容中,页面显示<b>new

content</b>(不会解析)
$(”#msg”).text(”<b>new content</b>”);

//返回表单输入框的value值
$(”input”).val(”);

//将表单输入框的value值设为test
$(”input”).val(”test”);

设置text为pxx的项选中
$(".selector").find("option[text=‘pxx‘]").attr("selected",true);

获取当前选中项的text
$(".selector").find("option:selected").text();

//选择被选中Radio的Value值
$("input[name=‘radio_name‘][checked]").val();

//根据Value值设置Radio为选中状态
$("input[name=‘radio_name‘][value=‘要选中Radio的Value值‘").attr("checked",true);

//选择被选中CheckBox元素的集合 如果你想得到Value值你需要遍历这个集合
$("input[name=‘checkbox_name‘][checked]");

//找到所有含有 id 属性,并且它的 name 属性是以 man 结尾的
$("input[id][name$=‘man‘]")

//查找所有 name 包含 ‘man‘ 的 input 元素
$("input[name*=‘man‘]")

//查找所有 name 以 ‘letter‘ 结尾的 input 元素
$("input[name$=‘letter‘]")

//查找所有 name 以 ‘news‘ 开始的 input 元素
$("input[name^=‘news‘]")

//查找所有 name 属性不是 newsletter 的 input 元素
$("input[name!=‘newsletter‘]").attr("checked", true);

//查找所有 name 属性是 newsletter 的 input 元素
$("input[name=‘newsletter‘]").attr("checked", true);

//查找作为父元素的span类型子元素中的"长子"的span标签
$("span:first-of-type");

//查找隐藏、可见的 tr
$("tr:hidden") $("tr:visible")

//匹配type为hidden的元素
$("input:hidden")

//把src属性的值设置为title属性的值。
$("img").attr("title", function() { return this.src });

$(‘a‘).filter(‘.external‘) 获取类为external的<a>元素

时间: 2024-10-24 21:49:15

jQuery获取元素的相关文章

jQuery -&gt; 获取元素的各种过滤器(filter)

通过顺序来选择 顺序选择的过滤器(filter)有 :first 第一个元素 :last 最后一个元素 :even 序号为偶数的元素 :odd 序号为奇数的元素 :eq(n) 序号等于n的元素 :lt(n) 序号小于n的元素 :gt(n) 序号大于n的元素 如果有如下的表格 0 even 1 odd 2 even 3 odd 4 even html代码如下 <table> <tr><td>0</td><td>even</td><

JQuery获取元素的方法总结

JQuery获取元素的方法总结 一.说明   获取元素的方法分为两种:jQuery选择器.jQuery遍历函数. 做个总结,巩固下知识. 二.获取本身 1.只需要一种jQuery选择器   选择器 实例 说明 #Id $('#myId') ID选择器: 可以获取到ID为"myId"的元素,区分大小写 2.多种jQuery选择器组合 分为两部分:前半部分获取到的是一个元素集合,后半部分可以精确为一个元素,两者相结合,可以获取到想要的元素. 1)前半部分选择器   选择器 实例 说明 .c

Jquery获取元素方法

Jquery 获取元素的方法分为两种:jQuery选择器.jQuery遍历函数. 1.获取本身: a.只需要一种jQuery选择器 选择器 实例 说明 #Id $('#myId') ID选择器: 可以获取到ID为"myId"的元素,区分大小写 b.多种jQuery选择器组合 b1.jQuery选择器 选择器 实例 说明 .class $('.myClass') 类选择器:可以获取到class为'myClass'的所有元素 element $('p') 获取所有的<p>元素

jquery获取元素索引值index()

jquery获取元素索引值index()方法实例. jquery获取元素索引值index()方法: jquery的index()方法 搜索匹配的元素,并返回相应元素的索引值,从0开始计数. 如果不给 .index() 方法传递参数,那么返回值就是这个jQuery对象集合中第一个元素相对于其同辈元素的位置. 如果参数是一组DOM元素或者jQuery对象,那么返回值就是传递的元素相对于原先集合的位置. 如果参数是一个选择器,那么返回值就是原先元素相对于选择器匹配元素中的位置.如果找不到匹配的元素,则

jquery获取元素位置

获取绝对位置坐标——offset()方法 var top = $(selector).offset().top; var left = $(selector).offset().left; 获取相对位置坐标——position()方法 var top = $(selector).position().top; var left = $(selector).position().left; jquery获取元素位置

js/jquery获取元素,元素筛选器

1.js获取元素 var test = document.getElementById("test"); var parent = test.parentNode; // 父节点 var chils = test.childNodes; // 全部子节点 var first = test.firstChild; // 第一个子节点 var last = test.lastChile; // 最后一个子节点 var previous = test.previousSbiling; //

Jquery获取元素坐标

获取页面某一元素的绝对X,Y坐标,相对于浏览器窗体,可以用offset()方法: var X = $('#DivID').offset().top; var Y = $('#DivID').offset().left; 获取相对(父元素)位置: var X = $('#DivID').position().top; var Y = $('#DivID').position().left; 例如: var offset = $("#fontsize").position();$(&quo

Jquery获取元素高度

第一步, 获取你要得到高度的那个div的jQuery对象, 获得方法有很多很多种, 具体你可以看一下jQuery API文档里的选择器部分, 在这里我只跟你说一个最直接的方法, 通过id获得: $("#div_id")第二步, 要看你要得到的是什么高度了, jQuery里现有的三个(其实是两个)获得高度的方法是:1. $("#div_id").height(); // 获得的是该div本身的高度, (不包含padding,margin,border)2. $(&qu

js jquery 获取元素(父节点,子节点,兄弟节点)

一,js 获取元素(父节点,子节点,兄弟节点) var test = document.getElementById("test"); var parent = test.parentNode; // 父节点 var chils = test.childNodes; // 全部子节点 var first = test.firstChild; // 第一个子节点 var last = test.lastChile; // 最后一个子节点 var previous = test.previ

js jquery 获取元素(父节点,子节点,兄弟节点),元素筛选

转载:https://www.cnblogs.com/ooo0/p/6278102.html js jquery 获取元素(父节点,子节点,兄弟节点) 一,js 获取元素(父节点,子节点,兄弟节点) var test = document.getElementById("test"); var parent = test.parentNode; // 父节点 var chils = test.childNodes; // 全部子节点 var first = test.firstChil