你的位置:首页 > 软件开发 > Java > jQuery实用的语法总结

jQuery实用的语法总结

发布时间:2015-12-31 09:00:07
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的元素单击事件添加函数
jQuery实用的语法总结

 

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
jQuery实用的语法总结

 

9、完善的事件处理功能10、几个实用特效功能11、几个有用的jQuery方法12、解决自定义方法或其他类库与jQuery的冲突

原标题:jQuery实用的语法总结

关键词:jquery

*特别声明:以上内容来自于网络收集,著作权属原作者所有,如有侵权,请联系我们: admin#shaoqun.com (#换成@)。

可能感兴趣文章

我的浏览记录