-
html()和text()方法操作元素的内容 若参数为空时，为获取元素的内容；若参数不为空时，为修改元素的内容。 如：var $content = "<b>唉，我又变胖了！</b>"; $("#html").html($content); $("#text").text($content); html()获取的是元素里的所有内容，包括文字和格式。text()获取的仅仅是纯文本，不保留格式。查看全部
-
使用attr()方法控制元素的属性 可以获取和设置元素的属性值 如：attr(属性名)是获取元素属性名的值；attr(属性名，属性值)是设置元素的属性值。 $("#a1").attr("href","http://www.baidu.com"); 将链接设置为www.baidu.com $("#a1").attr("href"); 获取超链接的值查看全部
-
调用toggle()方法就可以很容易做到，即如果元素处于显示状态，调用该方法则隐藏该元素，反之，则显示该元素，它的调用格式是： $(selector).toggle(speed,[callback]) 其中speed参数为动画效果时的速度值，可以为数字，单位为毫秒，也可是“fast”、“slow”字符，可选项参数callback为方法执行成功后回调的函数名称。 $(function () { var $spn = $("#spnTip"); $("h4").bind("click", function () { $("ul").toggle("20",function(){ $spn.html() == "隐藏" ? $spn.html("显示") : $spn.html("隐藏"); }) }); });查看全部
-
$(function () { $("h4").bind("click", function () { if ($("#hidval").val() == 0) { $("ul").show("10",function(){ $("#hidval").val(1); $("#hidval").attr("disabled",false); }) } else { $("ul").hide("10",function(){ $("#hidval").val(0); $("#hidval").attr("disabled",true); }) } }) });查看全部
-
show()和hide()方法用于显示或隐藏页面中的元素，它的调用格式分别为： $(selector).hide(speed,[callback])和$(selector).show(speed,[callback]) 参数speed设置隐藏或显示时的速度值，可为“slow”、“fast”或毫秒数值，可选项参数callback为隐藏或显示动作执行完成后调用的函数名。 $(function () { $("h4").bind("click", function () { if ($("#hidval").val() == 0) { $("ul").show("2"); $("#hidval").val(1); } else { $("ul").hide("2"); $("#hidval").val(0); } }); });查看全部
-
使用remove()和empty()方法删除元素 remove()方法删除所选元素本身和子元素，该方法可以通过添加过滤参数指定需要删除的某些元素，而empty()方法则只删除所选元素的子元素。查看全部
-
使用each()方法遍历元素 使用each()方法可以遍历指定的元素集合，在遍历时，通过回调函数返回遍历元素的序列号，它的调用格式为： $(selector).each(function(index)) 参数function为遍历时的回调函数，index为遍历元素的序列号，它从0开始。查看全部
-
7.右键菜单插件contextmenu，可以绑定页面中的任意元素，绑定后，选中元素，点击右键，便通过该插件弹出一个快捷菜单，点击菜单各项名称执行相应操作，调用：$(selector).contextMenu(menuId,{options})，meunId为快捷菜单元素的id。 8.设置获焦点元素背景色插件lifocuscolor，可以在<ul>元素中，鼠标在表项<li>元素移动时，自定义其获取焦点时的背景色，即定义<li>元素选中时的背景色，调用：$(ulId).focusColor(color). 9.两数加减插件twoaddresult，对两个数值进行相加和相减的运算，调用：$.addNum(p1,p2) 和 $.subNum(p1,p2). ！！自定义插件要有引导符“$.”或“jQuery.”查看全部
-
环境搭建 搭建一个jQuery的开发环境非常方便，可以通过下列几个步骤进行。 下载jQuery文件库 在jQuery的官方网站（http://jquery.com）中，下载最新版本的jQuery文件库。在网站中找到最新版本文件的下载按钮，将jQuery框架文件下载到本地即可，本教案使用的版本为稳定版：1.8.2版。 引入jQuery文件库 下载完jQuery框架文件后，并不需要任何的安装，仅需要使用<script>文件导入标记，将jQuery框架文件导入页面中即可，假设该文件下载后保存在项目文件夹Jscript中，那么，在页面的<head></head>中加入如下代码： <script language="javascript" type="text/javascript" src="jquery-1.8.2.min.js"></script> 在页面的头部分，加入上述代码后，便完成了jQuery框架开发环境的搭建，就可以开始我们的jQuery学习了。查看全部
-
:selected选中状态选择器 选取下拉菜单<select>里所有被选中的<option>选项元素。 如：var $txtOpt = $("#frmTest :selected").text(); $("#tip").html("选中内容为:" + $txtOpt); 获取下拉菜单中选中的option中的文字 .text() ，并将其输出 .html()。 选中<option>的方法： <option selected> <option selected="selected"> <option selected="true">查看全部
-
:checked选中状态选择器 获取处于选中状态的全部元素，像是checkbox, radio等元素。 如：$("#frmTest :checked").attr("disabled","true"); 就是将所有选中的元素设置为不可用。 设置选中状态方法： <input type="checkbox" checked /> <input type="checkbox" checked="checked" /> <input type="checkbox" checked="true" />查看全部
-
:button表单按钮选择器 获取表单里所有按钮元素，包括<input type="button" /> 和 <button>两种。 如：$("#frmTest :button") 就会获取<input type="button" /> 和 <button>所有元素。 但要是想只获取<button>元素，我们只需要$("#frmTest button")就行了(^0^)查看全部
-
:image图像域选择器 获取<form>里的所有图像域，即<input type="image" src="" />的所有元素。 如：$("#frmTest :image") 但是此选择器不会获取<img src="" alt="" />这样的图像元素，它只能获取<input>的图像域。查看全部
-
:submit提交按钮选择器 获取“type”属性值为“submit”的提交按钮，通常一个表单里面只有一个submit提交按钮。 如：$("#frmTest input:submit").addClass("bg_red"); 就获取了<input type="submit" />的元素。 但是如果使用$("#frmTest :submit")的话，会获取<input>里type="submit"的元素和<button>标签的元素，但不会获取<input>里type="button"的元素。 所以想要获取<input type="submit" />的元素，必须用$("#frmTest input:submit");先获取里面所有<input>元素，把<button>排除后，在使用:submit来筛选查看全部
-
:checkbox复选框选择器 选择所有多选框元素 如：$("#frmTest :checkbox").attr("disabled","true");就是将所有checkbox都设置为不可用。 $("#frmTest :checkbox").attr("checked","true"); 还可以将所有多选框都设置为选中状态！查看全部
举报
0/150
提交
取消