jquery 常用选择器及方法

1.jQeury:$(“div span”)和$(“div>span”)有什么区别啊?不都是选择div标签下的span么?

这涉及到CSS的知识哦~说明你的CSS没怎么学好呢嘿嘿,有空记得补学一下CSS基础.

关于CSS的选择器, > 是用来选取兄弟什么的(具体叫法我也忘了)

举个例子

<div>

<span id = "span1"></span>

<span id = "span2"> <span id = "span3"></span> </span>

</div>

div > span 选取的结果是{span1,span2},

div span 选取的结果是{span1,span2,span3}

因为span3也是span2的子元素,不单单是div的子元素,所以div > span 无法选取到他!

2.$(‘.circle_tab_con‘).html(data) 等价于 $(‘.circle_tab_con‘).empty().append(data);

3.

if (typeof(data.imgname) != ‘undefined‘) {

for (var i = 0; i < data.imgname.length; i++) {

...

}

}

4.选择class为num 的span,也可以是id等属性

$("span[class=‘num‘]").empty().removeClass("num");

5.js 模拟点击

$(".comment_tab > a").click(function(){

$(this).addClass("cur").siblings().removeClass("cur");

var i=$(this).index();

...

}

$(".comment_tab li > a").eq(1).trigger("click");

6.jquery 转DOM 取标签名字 tagName

console.warn(this.tagName);

console.warn($(this).next().next()[0].tagName);

$("#aa")[0].tagName;等价与doucument.getElementById("aa").tagName;//html元素标签名

$("#aa")[0].checked="checked";等价与doucument.getElementById("aa").checked="checked";

7.name 选择

if ($("[name=‘rt‘]").eq(1).prop("checked")) {

8.//gt() lt() eq()

jQuery的:gt(index)选择器用于匹配所有大于指定索引的元素,将其封装为jQuery对象并返回。

与该选择器相对的是:lt(index)选择器,用于匹配所有小于指定索引的元素。

eq(index)选择器,用于匹配等于指定索引的元素

9.

$(‘#Button1‘).click(function () {

$(‘p‘).after(‘<p>After Hello World</p>‘);

})

$(‘#Button2‘).click(function () {

$(‘p‘).before(‘<p>Before Hello World</p>‘);

})

$(‘#Button3‘).click(function () {

$(‘p:first‘).insertAfter(‘p:last‘);

})

10.dom 和 jquery 取class属性的方法区别。

console.warn(document.getElementById("themeAttr").className);

console.warn($("#themeAttr").attr("class"));

时间: 2024-11-01 18:06:30

jquery 常用选择器及方法的相关文章

JQuery常用选择器,方法,正则表达式

JQuer常用选择器,方法,正则表达式 JQuer 选择器 1) 标签选择器:$(" h3 ")取全部的h2元素 层次选择器:$("#div a ")取div下全部<a>元素 类选择器:  $(".title ")取全部class下的title元素 子选择器:     $(" #menu>span ")选取#menu下的子元素 Id 选择器:     $(" # title")取id 为t

Jquery常用选择器

Jquery常用选择器<p id="test">这是段落中的<b>粗体</b>文本.</p>text() - 设置或返回所选元素的文本内容html() - 设置或返回所选元素的内容(包括 HTML 标记)$("#test").text():这是段落中的粗体文本.$("#test").html():这是段落中的<b>粗体</b>文本. append() - 在被选元素的结尾插入

jQuery常用选择器总结

jQuery常用选择器总结: 我们都知道jQuery是JavaScript(JS)的框架,它的语法简单使用方便,被广大开发人员青睐.现在我就它常用的并且十分强大的选择器的方式,做一个总结.鉴于它的选择器方式众多,我就自己平时工作之中所遇到的常见的方式做一个总结. 一,元素查找方式: $("#myElement")    选择id为myElement的元素,因为id在使用中是唯一的,所以这样的选择也是指定的不变的. $("div")    选择所有的div标签元素,返

jquery常用函数与方法汇总

1.delay(duration,[queueName]) 设置一个延时来推迟执行队列中之后的项目. jQuery1.4新增.用于将队列中的函数延时执行.他既可以推迟动画队列的执行,也可以用于自定义队列. duration:延时时间,单位:毫秒 queueName:队列名词,默认是Fx,动画队列. 例: 头部与底部延迟加载动画效果 $(document).ready(function() { $('#header') .css({ 'top':-50 }) .delay(1000).animat

jquery常用选择器(转)

jQuery 的选择器可谓之强大无比,这里简单地总结一下常用的元素查找方法 $("#myELement") 选择id值等于myElement的元素,id值不能重复在文档中只能有一个id值是myElement所以得到的是唯一的元素 $("div") 选择所有的div标签元素,返回div元素数组 $(".myClass") 选择使用myClass类的css的所有元素 $("*") 选择文档中的所有的元素,可以运用多种的选择方式进行

jQuery过滤选择器:not()方法使用介绍

在jQuery的早期版本中,:not()筛选器只支持简单的选择器,说明我们传入到:not这个filter中的selector可以任意复杂,比如:not(div a) and :not(div,a) <p class="a">sdfsdfs</p> <p class="b">sdfsdfs</p> <p class="c">sdfsdfs</p> $("p:not(.

恶补jquery(二)jquery常用选择器

jquery选择器与js获取页面元素比较 我们以简单的例子说明,其中div的id为divT,如下所示 用js在div中内容输出代码如下: window.onload=function(){ var myDiv = document.getElementById("divT"); myDiv.innerHTML = "这是个测试页面"; } 用jquery选择div元素然后输出,代码如下: $(function(){ $("#divT").html

jquery 常用选择器 回顾 ajax() parent() parents() children() siblings() find() eq()

1. $.ajax() ajax 本身是异步操作,当需要将 异步 改为 同步时: async: false 2.parent()  父级元素  和  parents() 祖先元素 的区别 parent是指取得一个包含着所有匹配元素的唯一父元素的元素集合.parents则是取得一个包含着所有匹配元素的祖先元素的元素集合(不包含根元素).可以通过一个可选的表达式进行筛选. 例如: <div id='div1'> <div id='div2'> <p></p> &

jquery 常用选择器详解2

1.常用内容过滤选择器 <!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title>Insert title here</title> <script type="text/javascript" src="jquery-3.1.1.min.js"></script> <script t