JS与JQuery
<div id="a" class="b" name="c"></div>
操作 | JS | JQuery |
---|---|---|
定位元素 - id | document.getElementById(“a”); | $("#a"); |
定位元素 - class | document.getElementsByClassName(“b”); | $(".b"); |
定位元素 - name | document.getElementsByName(“c”); | $("[name=‘c’]"); |
定位元素 - 标签 | document.getElementsByTagName(“div”); | $(“div”); |
内容 | ele.innerHTML = “test” ; | ele.html(“test”); |
样式 | ele.style.fontSize= “18px”; | ele.css(‘font-size’, 18); |
隐藏 / 显示 | ele.style.display = “none”; ele.style.display = “block”; | ele.hide(); ele.show(); ele.toggle(); |
className | ele.className= “b”; | ele.addClass(‘b’); ele.removeClass(); |
禁用 | ele.disabled = true; | ele.attr(“disabled”, true); |
获取焦点 | ele.focus(); | ele.focus(); |
获取值 | ele.value; | ele.val(); |
获取值并赋值 | ele.value = “test”; | ele.val(“test”); |