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"); // 切换类名 }) })