Jquery入门

78 阅读1分钟
$.get('http://simbajs.com:89/sys/menu', data => {            data = data.map(r => r.name)            console.log(data)            data.forEach(r => {                $('.menu').append(`                <li>                ${r}                <div class='line'></div>                </li>`)            })            $('.menu li:lt(2)').append(`<div class="hot">HOT</div>`)        })

利用Jquery从端口获取数据后,通过在juqery里创建标签添加元素,这里可以利用遍历直接写标签里面的元素,不用创建标签,然后在向其里面添加元素

data.forEach(r => {

$('.menu').append(`
  • ${r}
    `)
    })

    这里就是对每个name数据向li标签里添加元素 同时可以利用此执行语句添加需要的标签,

    但最好在此部分之前先这手动添加元素,加好样式,之后再用此执行语句替换掉,方便快捷,以后无需写样式了,只需增删该改