1、关于页面元素的引用 通过jquery的$()引用元素包括通过id、class、元素名以及元素的层级关系及dom或者xpath条件等方法,且返回的对象为jquery对象(集合对象),不能直接调用dom定义的方法。2、jQuery对象与dom对象的转换 只有jquery对象才 ...
1、关于页面元素的引用2、jQuery对象与dom对象的转换
3、如何获取jQuery集合的某一项
http://www.cnblogs.com/sosoft/4、同一函数实现set和get
1 $("#msg").html(); //返回id为msg的元素节点的html内容。 2 $("#msg").html("<b>new content</b>"); 3 //将“<b>new content</b>” 作为html串写入id为msg的元素节点内容中,页面显示粗体的new content 4 5 $("#msg").text(); //返回id为msg的元素节点的文本内容。 6 $("#msg").text("<b>new content</b>"); 7 //将“<b>new content</b>” 作为普通文本串写入id为msg的元素节点内容中,页面显示<b>new content</b> 8 9 $("#msg").height(); //返回id为msg的元素的高度10 $("#msg").height("300"); //将id为msg的元素的高度设为30011 $("#msg").width(); //返回id为msg的元素的宽度12 $("#msg").width("300"); //将id为msg的元素的宽度设为30013 14 $("input").val("); //返回表单输入框的value值15 $("input").val("test"); //将表单输入框的value值设为test16 17 $("#msg").click(); //触发id为msg的元素的单击事件18 $("#msg").click(fn); //为id为msg的元素单击事件添加函数
5、集合处理功能$("tr").each(function(i){this.style.backgroundColor=['#ccc','#fff'][i%2]}) $("p").click(function(){alert($(this).html())})
6、扩展我们需要的功能
程序代码
使用扩展的方法(通过“$.方法名”调用):7、支持方法的连写8、操作元素的样式
1 $("#msg").css("background"); //返回元素的背景颜色2 $("#msg").css("background","#ccc") //设定元素背景为灰色3 $("#msg").height(300); $("#msg").width("200"); //设定宽高4 $("#msg").css({ color: "red", background: "blue" });//以名值对的形式设定样式5 $("#msg").addClass("select"); //为元素增加名称为select的class6 $("#msg").removeClass("select"); //删除元素名称为select的class7 $("#msg").toggleClass("select"); //如果存在(不存在)就删除(添加)名称为select的class
9、完善的事件处理功能10、几个实用特效功能11、几个有用的jQuery方法12、解决自定义方法或其他类库与jQuery的冲突
原标题:jQuery实用的语法总结
关键词:jquery
*特别声明:以上内容来自于网络收集,著作权属原作者所有,如有侵权,请联系我们:
admin#shaoqun.com
(#换成@)。