js、mui相关零散知识点

document. querySelector('#a')

document. getElementById('a')

$('#a')

mui('#a')

document.getElementById('a').setAttribute('class', 'change');

$("#a").attr("class","change");

document.getElementById('a'). style.color = "red";

$("#a").css("color","red");

mui("#serverItems").on("tap", ".collect", function(event) {
  event.stopPropagation();//阻止父级元素点击事件响应
});

mui("#search").on(" keypress", "input", function(e) {

if( e.keyCode == "13") { 

//网页、web桌面的Enter，手机、平板的搜索键

}

})；

var gallery = mui('.mui-slider');
gallery.slider({
 interval: 1000 //自动轮播周期，毫秒制，若为0则不自动播放，默认为0；
});

document.querySelector(' .mui-slider').addEventListener(' slide', function(event) {
 var slideNumber = event.detail.slideNumber;//轮播事件得到的轮播图索引
});

document.getElementById("search").addEventListener(' input', function() {

//监听input的this.value的变化

});

document.getElementsByTagName("span")[0].classList. toggle("mui-icon-extra-heart");//类名有就删了，没有就加上

document.getElementsByTagName("span")[0] .classList.toggle("mui-icon-extra-heart-filled");//适合切换类来切换样式

if(document.getElementsByTagName("span")[0].classList.contains("mui-icon-extra-heart-filled"))//判断是否包含