重庆分公司,新征程启航
为企业提供网站建设、域名注册、服务器等服务
jquery的$函数的参数只能是字符串(document和window对象除外),所以楼上说的不正确,像
成都创新互联专注于江口网站建设服务及定制,我们拥有丰富的企业做网站经验。 热诚为您提供江口营销型网站建设,江口网站制作、江口网页设计、江口网站官网定制、重庆小程序开发服务,打造江口网络公司原创品牌,更为您提供江口网站排名全网营销落地服务。
$(".abc:eq("i")")
相当于参数是字符串、整型、字符串,而且还没逗号分隔开,是非法参数, 是会报错的。
而
$(".abc:eq("+i+")")
是字符串拼接,相当于先执行括号内部分,字符串".abc:eq(" 拼接i变量再拼接字符串")",而如果像这样
$(".abc:eq(i)")
则是非法的,因为此时 i 是一个字符无法识别字符 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、保存文件,使用浏览器打开,点击按钮后效果如下:
不加var在函数内定义,是全局变量。
$i 和 i没有区别 都是一个变量名字,$i常用来定义jquery对象,当然加不加$都可以的,没有强制规定
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"));
});