网站建设资讯

NEWS

网站建设资讯

jquery$i,jQueryil8nguan网

jquery为什么eq里的i要加双引号

jquery的$函数的参数只能是字符串(document和window对象除外),所以楼上说的不正确,像

成都创新互联专注于江口网站建设服务及定制,我们拥有丰富的企业做网站经验。 热诚为您提供江口营销型网站建设,江口网站制作、江口网页设计、江口网站官网定制、重庆小程序开发服务,打造江口网络公司原创品牌,更为您提供江口网站排名全网营销落地服务。

$(".abc:eq("i")")

相当于参数是字符串、整型、字符串,而且还没逗号分隔开,是非法参数,  是会报错的。

$(".abc:eq("+i+")")

是字符串拼接,相当于先执行括号内部分,字符串".abc:eq(" 拼接i变量再拼接字符串")",而如果像这样

$(".abc:eq(i)")

则是非法的,因为此时 i 是一个字符无法识别字符 i

jquery 怎么获取span下第一个i标签

有两种方法可以实现获取span下第一个i标签:

1、使用css选择器: first-child 或nth-child(1),具体代码为:$("span.label i:first-child") 或  $("span.label i:nth-child(1)")

2、使用遍历方法:first()、eq()等,具体代码为:

$("span.label").each(function() {

$(this).find("i:eq(0)")   // 或者$(this).find("i").first()

});

下面进行实例演示:为所有span的第一个i标签的元素都添加红色样式:

1、新建一个HTML文件,为了演示需要假设如下的HTML结构:

div id="test"

span class='label'i1-1/inbsp;nbsp;i1-2/i/spanbr

span class='label'i2-1/inbsp;nbsp;i2-2/i/spanbr

span class='label'i3-1/inbsp;nbsp;i3-2/i/span

/div

input type="button" id="btn" value="设置"

2、在上面新建文件的开头部分添加如下jquery代码:主要逻辑为在点击按钮时相应一个操作,即获取span下第一个i标签(下面注释部分给出了4种方法都是可行的,可以根据需要进行选择)。为了演示效果,使用addClass()函数为获取到的span下第一个i标签添加红色的样式。

script

$(function(){

$("#btn").click(function() { // 点击按钮就相应下面的操作

// $("span.label i:first-child").addClass('red'); // 方法1,使用first-child选择器

// $("span.label i:nth-child(1)").addClass('red');  // 方法2,使用nth-child(1)选择器

$("span.label").each(function() {

// $(this).find("i:eq(0)").addClass('red');   // 方法3,遍历后使用eq()方法

$(this).find("i").first().addClass('red');      // 方法4,遍历后使用first()方法

});

});

});

/script

3、保存文件,使用浏览器打开,点击按钮后效果如下:

$i 和 var i 有什么区别吗 各自是什么意思

不加var在函数内定义,是全局变量。

$i 和 i没有区别 都是一个变量名字,$i常用来定义jquery对象,当然加不加$都可以的,没有强制规定

jquery如何获得i标签的点击事件?

alert(1)   改成 alert(new Date()) 就可以获取点击时候的时间戳了。

其他常见操作:

获得内容 - text()、html() 以及 val()

三个简单实用的用于 DOM 操作的 jQuery 方法:

text() - 设置或返回所选元素的文本内容

html() - 设置或返回所选元素的内容(包括 HTML 标记)

val() - 设置或返回表单字段的值

获取属性 - attr()

jQuery attr() 方法用于获取属性值。

下面的例子演示如何获得链接中 href 属性的值:

实例

$("button").click(function(){

alert($("#w3s").attr("href"));

});


分享名称:jquery$i,jQueryil8nguan网
文章地址:http://cdweb.net/article/hocoed.html