摘要:
$(function(){ $(".btn").on("click",function(){ var li=$(""); li.html($(".txt").val()+"删除"); $("ul").prepend(li); $("li").slideDown(); ... 阅读全文
摘要:
一、事件处理 on() 绑定事件 on () 方法优势1:可以绑定多个事件,多个处理事件处理程序。 $("div").on({ // 可以绑定多个事件 mouseover: function(){ }, mouseout: function(){ }, click: function(){ } ... 阅读全文
摘要:
JQ: $(function(){ $(window).scroll(function(){ //获取家用电器div距离顶部的高度 var navs=$(".con").children(".d1").offset().top; //判断页面滚动的高度是否不小于,家用电器距离顶部的高度 ... 阅读全文
摘要:
JQ:$(function(){ //全选改变事件 $(".checkAll").change(function(){ // alert($(this).prop("checked")); $(".checkAll,.check").prop("checked",$(this).pro... 阅读全文
摘要:
<script> $(function(){ var arr=["red","skyblue","yellow"]; $("li").each(function(i,dom){ // 遍历 each(function(index,domEle)) $(dom).css("color",arr[i]) 阅读全文
摘要:
<div><span>文本内容</span></div> 1.获取设置元素内容 html( ) $("div").html("123"); // 设置div的元素内容 ("div").html( ); // <span>123</span> 2.获取设置元素文本内容 text( ) $("div") 阅读全文
摘要:
<script> $(function(){ // 方式一: $("#allCheck").change(function(){ if($(this).prop("checked")==true){ $(".check").each(function(){ $(this).prop("checked 阅读全文
摘要:
<style> body{margin: 0;padding: 0;background: #000;} a{display: inline-block;} img{height:150px;width: 150px;} ul{width: 480px;} ul li{list-style: non 阅读全文
摘要:
//鼠标移入事件 $(".nav > li").mouseover(function(){ $(this).children("ul").slideUp(200); }) //鼠标离开事件 $(".nav > li").mouseout(function(){ $(this).children("u 阅读全文
摘要:
<style> body,ul,li,div{margin:0;padding: 0;} ul{font-size: 0px;} .tab_list{ border: 1px gray solid; width: 400px;height: 50px; background: gainsboro; 阅读全文