jQuery

html文件

js文件

//确保文档加载完后再加载代码
$(function(){
    $(".div").click(function(){
        //操作样式
        $(this).css({'background':'green','width':'500px'});//设置
        var width = $(this).css('width');//读取
        console.info(width);
        //操作html
        var input = "";
        $(this).html(input);//设置html
        var str = $(this).html();//读取
        console.info(str);
        //操作文本
        $(this).text("Hello World");
        var str = $(this).text();//读取
        console.info(text);
    })
    //操作属性
    $('img').click(function(){
        $(this).attr("src",'./img/2.jpg')
    })
    $(".outter").click(function(){
        //$(".outter .inner").css('background','green');
        $(this).children().css('background','green');
        $(this).children().each(function(i){
            $(this).text(i+1);
        })
    })
    //阻止事件冒泡
    $(".outter .inner").click(function(e){
        e.stopPropagation();
        alert("inner");
    })
})