jQuery基础笔记_17-07-14

jQuery 

jQuery 是一个 JavaScript 库。

jQuery 极大地简化了 JavaScript 编程。

jQuery 很容易学习。

主要的 jQuery 函数是 $() 函数（jQuery 函数）。

如果您向该函数传递 DOM 对象，它会返回 jQuery 对象，带有向其添加的 jQuery 功能。

jQuery 允许您通过 CSS 选择器来选取元素。

jQuery 语法实例

$(this).hide()

演示 jQuery 的 hide() 函数，隐藏当前的 HTML 元素。

$("p").hide()

演示 jQuery 的 hide() 函数，隐藏所有 <p> 元素。

$(".test").hide()

演示 jQuery 的 hide() 函数，隐藏所有 class="test" 的元素。

$("#test").hide()

演示 jQuery 的 hide() 函数，隐藏 id="test" 的元素。

<script>
	

    $(document).ready(function(){
    $("button").click(function(){
    $(".test").hide();
  });
});

</script>



	


这是一个标题
这是一个段落。
这是另外一个段落。
点我

运行效果如下

点击后----->

<script>
	

	function testB(){
		var divArr = $("div");
		divArr.each(function(){
			alert($(this).text());
		});	
	}

</script>



	



    
    

     
     div class="notMe"
    
    

    
    

     
     div class="myClass"
    
    
span class="myClass"
	

运行效果如下

<script>
	

function testD(){
		var classArr = $(".myClass");
		$.each(classArr,function(i,div){
			alert("第" + ++i + "个元素" + $(div).html());
			
		});
	
	}

</script>



	



    
    

     
     div class="notMe"
    
    

    
    

     
     div class="myClass"
    
    

    
    

     
     div class="one"
    
    
span class="myClass"	
	

运行效果