jq相关

jq引入

<div id="one"> 111 </div>        
<script>        
// jquery 暴露出俩个 对象 供使用    $ 和 jQuery         
// $("选择器","上下文")        
// jQuery("选择器","上下文")
// console.log( $ );        
// console.log( jQuery );
console.log(  $("#one")  );
console.log(  jQuery("#one")  );
console.log( document.getElementById("one")); 
//
function Fn(){
}
var obj= new Fn();      
console.log(obj);    
</script>

jq-jqDom转换

<div id="one"></div>    <script>        console.log("jq", jQuery("#one") );        console.log("jq-js" ,$("#one")[0] );// jq -- >js        console.log("jq-js", $("#one").get(0) );// jq-->js
onsole.log("js", document.getElementById("one") );        console.log("js--jq",  $( document.getElementById("one") ) );
// $("#one").html("hello world");        
/document.getElementById("one").innerHTML="hello world";
 $( document.getElementById("one") ).html("hello world")
</script>

jq基本选择器

<ul>        
<li id="one">啊啊啊</li>        
<li class="two">哦哦哦哦</li>        
<li class="three">呵呵呵</li>        
<li class="two">呃呃呃</li>
</ul>    
<script>        
//基础选择器  id class  tag   
*   selector,selector 群组
// 获取 id == one 的 元素            
console.log( "id == one",$("#one") );       
//  获取 class == two 的元素            
console.log( "class == two", $(".two") );       
//  获取 li 元素            
console.log( 'li标签 ', $("li") );       
//  获取 所有 元素            
console.log( "所有元素",$("*") )       
//  获取 id== one 和 class == three            console.log( "id== one 和 class == three", $("#one,.three") )
</script>