html代码:
<table width="100%" class="contentModule" border="0" cellSpacing="1" cellPadding="0">
<tbody id="ec_table_body">
<tr class="odd " id="rowid_1" >
<td width="30" align="center" >
<input name="categoryCheckBox" id= "input_td_row_1" class="checkbox" value="00dec46e-fb55-43b7-bfb3-9bf3e946543e"/>
</td>
<td width="60">test1</td>
</tr>
<tr class="odd " id="rowid_2" >
<td width="30" align="center" >
<input name="categoryCheckBox" id= "input_td_row_2" class="checkbox" value="00dec46e-fb55-43b7-bfb3-9bf3e946543e"/>
</td>
<td width="60">test1</td>
</tr>
<tr class="odd " id="rowid_3" >
<td width="30" align="center" >
<input name="categoryCheckBox" id= "input_td_row_3" class="checkbox" value="11dec46e-fb55-43b7-bfb3-9bf3e946543e"/>
</td>
<td width="60">test1</td>
</tr>
<tr class="odd " id="rowid_4" >
<td width="30" align="center" >
<input name="categoryCheckBox" id= "input_td_row_4" class="checkbox" value="22dec46e-fb55-43b7-bfb3-9bf3e946543e"/>
</td>
<td width="60">test1</td>
</tr>
</tbody>
jquery查找最近父元素方法:closest
$("#input_td_row_3") .closest("tr") // 找到 id 为rowid_3 的 tr
jquery查找子元素元素方法:find
$("#rowid_3") .find("td input:first-child") // 找到 id 为 input_td_row_3 的checkbox
jquery判断元素类型 :is( 元素tagName)
判断是不是input : is("input") / is("INPUT")
jquery获得元素属性值:
取得ID为input_td_row_3的类型 : $("#input_td_row_3") attr("type")
-------------------------------------------------------------------------------------------------------------------------------
jquery中类似onload的实现方式:
$(document).ready(function(){
});
$(function(){
});
jquery中的常用函数:
改变 HTML 元素的内容函数 html();
例如:
$("div").html("我的功能类似innerHTML");
向html元素后面追加内容: append() /appendTo() /after()
例如: $("<div>我将出现在html已有元素内容的后面</div>") .appendTo("body");
$("body") .append("<div>我将出现在html已有元素内容的后面</div>");
$("img").after("<i>我将出现在图片已有元素内容的后面</i>");
向html元素前面添加内容: before()
$("img").before("<b>我将出现在图片的前面</b>");
jquery中的css操作:
html元素指定一个或多个css属性: css()
$("p").css("background-color","green");
$("p").css({"background-color":"red","font-size":"200%"});
获得html元素css属性 :
$("p").css("background-color") ;
jquery 动态添加外部js
$.ajaxSetup({ async: false, cache: false });
$.getScript(“util.js”);
$.ajaxSetup({ async: true });
注意一定要设置成同步调用,否则会出问题。
相关推荐
jQuery带备忘录功能的日期选择器是一款带备忘录功能的简单的jQuery日期选择器插件,你可以为该日期选择器的某些日期设定设定一些信息,方便日常查询,就像现实生活中的备忘录一样。
jQuery日历表设置日期备忘录代码 jQuery日历表设置日期备忘录代码 jQuery日历表设置日期备忘录代码 jQuery日历表设置日期备忘录代码
这是一个基于html5+jquery+bootstrap的web备忘录,功能是用户写下备忘事项后,到达提醒时间后以闹钟及页面的形式提醒用户。
这是一款带备忘录功能的简单的jQuery日期选择器插件。你可以为该日期选择器的某些日期设定设定一些信息,方便日常查询,就像现实生活中的备忘录一样。
NULL 博文链接:https://heweiya.iteye.com/blog/399657
jQuery带备忘录功能的日期选择器是一款带备忘录功能的简单的jQuery日期选择器插件,你可以为该日期选择器的某些日期设定设定一些信息,方便日常查询,就像现实生活中的备忘录一样。
jQuery备忘单JavaScript基础使我们能够更好地理解和使用该语言。 在尝试开始学习jQuery之前,请让自己学习JavaScript的基础:基础知识,DOM操作,事件,AJAX和异步JavaScript。 如果您还没有学习JavaScript的基础...
这是jQuery备忘单: : 任务: 使用index.html已有的元素,当用户单击表单底部的“提交”时,将显示一个弹出窗口。 可以通过单击.close-modal或单击窗口中的其他位置来关闭弹出窗口。 如果单击页面顶部的茶壶,它应...
NULL 博文链接:https://blessht.iteye.com/blog/1074419
基于jQuery实现的带备忘录功能的日期选择器特效源码.zip
jQuery由美国人John Resig创建,至今已吸引了来自世界各地的众多javascript高手加入其team,包括来自德国的Jö...使用其间也有一点点心得,其实这些心得,在jquery的文档上面也可能有讲,不过还是记下来,以备忘罢。
jQuery由美国人John Resig创建,至今已吸引了来自世界各地的众多javascript高手加入其team,包括来自德国的Jö...使用其间也有一点点心得,其实这些心得,在jquery的文档上面也可能有讲,不过还是记下来,以备忘罢。
jQuery API (中英文对照版) ---------------------------------- jQuery由美国人John Resig创建,至今已吸引了...使用其间也有一点点心得,其实这些心得,在jquery的文档上面也可能有讲,不过还是记下来,以备忘罢。
超级漂亮的备忘插件,用js与jquery实现,支持拖动,漂亮的弹出备忘窗口等,很有特色,不下会后悔!
它是轻量级的js库(压缩后只有21k) ,这是其它的js库所不及的,它兼容CSS3,还兼容各种浏览器 (IE 6.0+, FF 1.5+,...使用其间也有一点点心得,其实这些心得,在jquery的文档上面也可能有讲,不过还是记下来,以备忘罢。
jquery中jquery-3.1.1.js和jquery-3.1.1.min.js两个工具类。bootstrap的treeview插件用到了,找到就传上来备忘。
已压缩过的jQuery-1.3.js --------------------- jQuery由美国人John Resig创建,至今已吸引了来自世界各地的众多...使用其间也有一点点心得,其实这些心得,在jquery的文档上面也可能有讲,不过还是记下来,以备忘罢。
jQuery-1.3.js未压缩 -------------------------------- jQuery由美国人John Resig创建,至今已吸引了来自世界...使用其间也有一点点心得,其实这些心得,在jquery的文档上面也可能有讲,不过还是记下来,以备忘罢。
一个很好的jquery文档(还包含一个jquery框架),备忘用