jquery

window.οnlοad=function () {
var di=document.getElementById('div');
alert(di.innerHTML);
} 
 
$(document).ready(function(){
var $div=$('#div');
alert($div.html()+'jq');
})
$(function () {
var $div=$('#div');
alert($div.html()+'jq');
})
</script>
<div id="div">这是一个黑人模特</div>

$(function () {

$( '#id1'). css({ color: 'pink', fontSize: '40px'});
$( '. ist li '). css({ background: 'black'});
$( '. list li '). css({ fontSize: '30px'});

});

绑定click事件：

            $('#id名').click(function){

            

 }

alert($('.class名').html());

$('.class名').html('<a href=".     "></a>')

设置属性：

            $('.box').attr({title:'这是一个'})

    有#代表id名，没的是class名字

$("div").eq(0).html("dasdas")可以改变html的值

$('div').get(1).innerHTML="dsfwer

2个相同

eq(0)==get(0)

获取子元素的方法：    

                        $('.class名字 li')==$('.class').chilldren()

设置css属性:attr:

                        $('.box').attr({title:'sdadada'})

addClass("")添加方法，removeClass("")删除方法

$("tr:even"):匹配所有偶数的元素

$("tr:odd"):匹配所有基数的元素

$<"form>input">.addclass("")为from 的下一个所有input添加方法

<prev+next>是指prev下的下一个元素eg:

            $<"label+p">.addclass()指给每个label下的第一个p进行设置

动画：

        $('id名').animate({width:200,height:300},1000);

代表时间1000后变为200.300

j q里的for循环each:

                $().each(function(参数){

    w }）

style="display:none"隐藏的元素==hidden

<input type="text" value="显示的">

<input type="hidden" value="隐藏的">

var s3=$("input:hidden:eq(1)").val();

var s1=$("input:visible").val();

对元素内容的提取：

            $().text(),('也可以重置' )==html()

对元素值进行操作：

    $().val()

单击按钮事件：

                    $('input: button").bind('click',function(){

                alert("Dfs") 

 }

鼠标移动事件：hover(over,our)移进移除

隐藏显示按钮：

            $("从那开始隐藏的").mouseover(function){

            $("要显示什么").show(s时间)， 

 }    )$("要显示什么").hide(300)隐藏

淡入淡出：

            .fadIN(时间)淡入

            .fadeOut(时间)淡出