jQuery – 获取和设置html中的元素内容

函数	作用
text()	设置或返回所选元素的文本内容
html()	设置或返回所选元素的内容（包括 HTML 标记）
val()	设置或返回表单字段的值
attr()	获取属性值

$(document).ready(function () {

    //////////////////////////////////////
    //       获取文本或属性
    //////////////////////////////////////
    $('.choose').click(function(){  //表示class='choose'的对象
        var img = $(this).val();  //取表单字段的值
        var dense = $('.dense').val();  //取表单字段的值

        var s = img + '_' + dense +'.jpg';
        console.debug(s);  //在控制台打印s变量
        $('.hazy')[0].src='/static/indoor/hazy/' + s;
    })

    $('#btn').click(function(){  //表示id='btn'的对象
        var team_id = $(this).attr('team-id');  //取出属性为team-id的值
        console.debug(team_id);  //在控制台打印s变量

    })

    //////////////////////////////////////
    //       设置文本或属性
    //////////////////////////////////////
    $("#btn2").click(function(){
        $("#test1").html("<b>Hello world!</b>");  //设置html
        $("#test2").text("Hello world!");  //设置文本
    })

    $("button").click(function(){
        $("#link1").attr("href","http://www.xyu.ink/"); //设置属性
    });

    //////////////////////////////////////
    //       设置select的选择值
    //////////////////////////////////////
    $("#weekday").get(0).selectedIndex = 3;

});

$(document).ready(function () {

//////////////////////////////////////

// 获取文本或属性

//////////////////////////////////////

$('.choose').click(function(){ //表示class='choose'的对象

var img = $(this).val(); //取表单字段的值

var dense = $('.dense').val(); //取表单字段的值

var s = img + '_' + dense +'.jpg';

console.debug(s); //在控制台打印s变量

$('.hazy')[0].src='/static/indoor/hazy/' + s;

})

$('#btn').click(function(){ //表示id='btn'的对象

var team_id = $(this).attr('team-id'); //取出属性为team-id的值

console.debug(team_id); //在控制台打印s变量

})

//////////////////////////////////////

// 设置文本或属性

//////////////////////////////////////

$("#btn2").click(function(){

$("#test1").html("<b>Hello world!</b>"); //设置html

$("#test2").text("Hello world!"); //设置文本

})

$("button").click(function(){

$("#link1").attr("href","http://www.xyu.ink/"); //设置属性

});

//////////////////////////////////////

// 设置select的选择值

//////////////////////////////////////

$("#weekday").get(0).selectedIndex = 3;

});