李志彬@魔码

layui通过jquery获取html元素相关

• 2022年8月26日2022年8月26日
• 0

1、实例化jquery

layui.use([‘jquery’]),function(){
var $ = layui.jquery;
}

2、获取元素

$(‘.hello’) 获取class=”hello”的元素

$(‘#hello’) 获取id=”hello”的元素

$(‘#hello’).children(‘img’) 获取id=”hello”元素包含的所有img标签元素

$(hello) 获取html元素对象

3、关于forEach及获取img的src值内容（img的src平时都是相对路径，直接引用返回的是绝对路径）

$('#hello').children('img').forEach(function(item,index){
//报错，提示children.forEach is not a function，因为这样获取到的是伪枚举类型
})
Array.from($('#hello').children('img')).forEach(function(item,index){
//正确使用方式
    console.log(item.src);//获取到的是绝对路径，包含 http://localhost/部分
    console.log(item.attr('src'));// 错误引用方式，无法获取到值
    console.log($(item).attr('src'));//获取到的是src里面的值
})