JQuery 基本使用篇

12. April 2016 笔记 0
<script type="text/javascript">
$(document).ready(function(){  加载完成时候执行
 $("#1").html("ninhao "); 获取名为1的div
$(“div").html("ninhao ");获取整个文档中所有的div元素
}); </script>
jQuery对象转化成DOM对象
var $div = $('div') //jQuery对象
var div = $div[0] //转化成DOM对象
div.style.color = 'red' //操作dom对象的属性
---------------------------------------------
var $div = $('div')
var div = $div.get(0)  使用get方法获取,实质其实一样
div.style.color = 'red'
DOM对象转化成JQuery对象
var div = document.getElementsByTagName('div'); //dom对象
var $div = $(div); //jQuery对象
var $first = $div.first(); //找到第一个div元素
$first.css('color', 'red'); //给第一个元素设置颜色
id 选择器   $('#id')
类选择器    $('.class')
元素选择器  $('div')
全选择器    $('*')
 //$('div > p') 选择所有div元素里面的第一个子元素P 
 $('div > p').css("border", "1px groove red");

Leave a Reply

Your email address will not be published. Required fields are marked *