JQ和Js记录

JQ和Js获取span标签的内容

<span id="content">‘我是span标签的内容’</span>
var cont=$("#content");
console.log(cont.val()); //输出 (无值);
console.log(cont.text()); //输出 ‘我是span标签的内容’;
console.log(cont.html()); //输出 ‘我是span标签的内容’;

jQuery实现input选择文件（图片）之后，预览图片的效果

HTML代码如下，简写：

<!--选择文件的input-->
<input type="file" class="imgInput" />
 
<!--用来显示图片的div，自定义样式-->
<div>
<img src="" class="img" />
</div>

然后就是JS代码了，我这里用的是jQuery，看代码：

$(".imgInput").change(function(){
 $(".img").attr("src",URL.createObjectURL($(this)[0].files[0]));
});

jq判断一个变量是否为undefined

var a;

if(typeof(a)=="undefined"){

  alert('1');

 }

jquery禁用a标签

$(function(){
$('.disableCss').removeAttr('href');//去掉a标签中的href属性
$('.disableCss').removeAttr('onclick');//去掉a标签中的onclick事件
});

jq判断后台传回来的data数据是否为空

jQuery.isEmptyObject(data)    //对象为空，返回true

jQuery.isEmptyObject({})    //对象为空，返回true

jQuery.isEmptyObject({test:"test"})    //返回false

html中的Session

采用setItem()方法存储

sessionStorage.setItem(‘testKey’,‘这是一个测试的value值’); // 存入一个值
sessionStorage.getItem(‘testKey’); // => 返回testKey对应的值

通过属性方式存储

sessionStorage[‘testKey’] = ‘这是一个测试的value值’;
sessionStorage[‘testKey’]; // => 这是一个测试的value值

//sessionStorage也可存储Json对象：存储时，通过JSON.stringify()将对象转换为文本格式；读取时，通过JSON.parse()将文本转换回对象

var userEntity = {
    name: 'tom',
    age: 22
};
 
// 存储值：将对象转换为Json字符串
sessionStorage.setItem('user', JSON.stringify(userEntity));
 
// 取值时：把获取到的Json字符串转换回对象
var userJsonStr = sessionStorage.getItem('user');
userEntity = JSON.parse(userJsonStr);
console.log(userEntity.name); // => tom