总结:
1.js对象:var a=documnet.getElementById("123"),对应的操作:a.innerHTML+="sss";
2.jq对象: var $a=$(a);
详细参考
一:
jQuery 对象是通过 jQuery 包装DOM 对象后产生的对象。jQuery 对象是 jQuery 独有的,其可以使用 jQuery 里的方法,但是不能使用 DOM 的方法;例如: $("#img").attr("src","test.jpg");
这里的 $("#img")就是 jQuery 对象。
DOM对象就是Javascript 固有的一些对象操作。DOM 对象能使用Javascript 固有的方法,但是不能使用 jQuery 里的方法。例如:document.getElementById("img").src = “test.jpg";
这里的document.getElementById("img") 就是DOM 对象。
$("#img").attr("src","test.jpg"); 和 document.getElementById("img").src = "test.jpg"; 是等价的,是正确的,
但是 $("#img").src = "test.jpg" ;或者 document.getElementById("img").attr("src","test.jpg"); 都是错误的。
- list item 1
- list item 2
- list item 3
- list item 4
- list item 5
$('li.third-item').next().css('background-color', 'red'); //必须掌握的语法
这个例子的结果是,只有list item 4背景色变为红色
二:
再说一个例子,就是this, 在写 jQuery 时经常这样写: this.attr("src","test.jpg");可是就是出错,其实this 是DOM对象,而.attr("src","test.jpg") 是 jQuery 方法,所以出错了。
要解决这个问题就要将 DOM对象转换成 jQuery 对象,
例如 $(this).attr("src","test.jpg");
3.ajax 是一种特殊的 jqery;格式$.ajax( //参数
{ //jason对象:{a:b,c:d,e:{}} 格式 需要引入jason的jar包
}
)
4.el表达式:jsp中:
javabean,el如下:
pageEncoding="UTF-8" isELIgnored="false"%> // 一:isELIgnored="false"
Insert title here
你好,亲爱的:
${U.getUsername() } //二:传统javabean:
欢迎登录!
jq,ajax,jason,如下:
Insert title here
//jquery需要引入jar包,或者可以用百度链接
function appeard(){
$.ajax(
{
url:"sss",
success:function(response){
alert(response);
},
error:function(){
alert("下载失败");
}
}
)
}
function appear(){
$.ajax({
url:"sss",
success:function(response){
alert("即将显示");
$("img").attr("src","./images/a.jpg"); //jq格式
},
error:function(){
alert("显示失败");
}
}
)
}
请点击下载图片
请点击显示
jstl
1.导包---jstl
2.引入
pageEncoding="UTF-8" isELIgnored="false"%>
sss
e.g:
checked="checked"/>男
checked="checked"/>女