一、jQuery库如果调用:
二、在DOM加载完成时运行jQuery代码:
$(document).ready(function(){
//这里放jQuery代码
先放css,再放jQuery,如果有的话再放jQuery插件,最后放jQuery代码或代码文件。
二、在DOM加载完成时运行jQuery代码:
$(document).ready(function(){
//这里放jQuery代码
});
三、jQuery名称冲突解决:
var jq = jQuery.noConflict() //用“jq”来代替“$”符号
四、多属性、样式设置的写法(或叫语法)
例如:要给“div”设置多个样式
$('div').css({color:'red',font-size:'12px'});
例如:要给所有图像设置src和alt属性
$('img').attr({src;'test.jpg',alt:'产品图片'});
五、添加多内容
例如:给“P”添加多个内容
$('P').append(val1,val2,val3,……);
六、操作多个元素
$('h1,p,div...').addClass('xxx');//给多个元素添加样式
$('div').addClass('xxx1 xxx2 xxx3...');//给一个元素添加多个样式
七、删除
.remove()//删除元素
.empty()//删除元素内的元素
八、简单的AJAX
.load()//从服务器加载数据,并把数据放入被选中的元素中
例如:把“A.TXT”文本文件的内容“你好”放入“P”元素中
$('P').load('A.TXT');
还可以加载指定内容
$('P').load('A.TXT #p1');//加载“A.TXT”中“id=p1”的元素内容
未完待续……