JS文本属性类相关操作

1,text操作

console.log($div.text()); //无参就是获取原有的文本
$div.text('方的始终');  //有参就是对文本进行修改

追加文本

$div.text($div.text + '方得始终')  //直接对文本进行拼接
$div.text(function (index, old) {
    var target = "方得始终";
    return old + target;
})

html操作

$div.html('<b>真的猛士，敢于直面惨淡的人生，敢于正视淋漓的鲜血 </b>');
val操作(获取Input输入的内容)
$('input').val('悬梁刺股');
//失去焦点
$(':input').on('blur',function () {
    console.log($(this).val());
})

2,回调函数

属性:
$(function() {
    //解决jq加载过程中,页面出现样式变化导致的闪烁问题
    $("body").removeAttr("hidden");
    //给a添加属性
    $("a").attr("href","https://www.baidu.com");
})

类
$(function () {
    //鼠标悬浮
	$('div').on("mouseover", function () {
		console.log(123);
		$(this).addClass("active");  // 追加一个新类名
	})
    //鼠标移开
	$('div').on("mouseout", function () {
		$(this).removeClass("active");  // 删除指定类名
	})
    //鼠标点击
	$('div').on("click", function () {
		$(this).toggleClass("active");  // 切换类名
	})
})