-
appendTo()方法也可以向指定的元素内插入内容，它的使用格式是： $(content).appendTo(selector) 参数content表示需要插入的内容，参数selector表示被选的元素，即把content内容插入selector元素内，默认是在尾部。查看全部
-
使用hover()方法切换事件 hover()方法的功能是当鼠标移到所选元素上时，执行方法中的第一个函数，鼠标移出时，执行方法中的第二个函数，实现事件的切实效果，调用格式如下： $(selector).hover(over，out); over参数为移到所选元素上触发的函数，out参数为移出元素时触发的函数。 例如，当鼠标移到<div>元素上时，元素中的字体变成金黄色，如下图所示： 例如，当鼠标移到<div>元素上时，元素中的字体变成金黄色，如下图所示：查看全部
-
使用$.extend()扩展工具函数。调用名为$. extend的工具函数，可以对原有的工具函数进行扩展，自定义类级别的jQuery插件，调用格式为： $. extend ({options}); 参数options表示自定义插件的函数内容。 例子： <input id="btnShow" name="btnShow" type="button" value="计算" /> <div class="content"> <div class="tip"></div> </div> <script type="text/javascript"> /*功能：返回两个数中最小值 参数：数字p1,p2 返回：最小值的一个数 示例：$.MinNum(1,2); */ ; (function ($) { $.extend({ "MinNum": function (p1, p2) { return (p1 > p2) ? p2 : p1; } }); })(jQuery); $(function () { $("#btnShow").bind("click", function () { $(".tip").html(""); var strTmp = "17与18中最小的数是："; strTmp +=$.MinNum(17, 18); //显示在页面中 $(".tip").show().append(strTmp); }); }); </script>查看全部
-
使用bind()方法绑定元素的事件 bind()方法绑定元素的事件非常方便，绑定前，需要知道被绑定的元素名，绑定的事件名称，事件中执行的函数内容就可以，它的绑定格式如下： $(selector).bind(event,[data] function) 参数event为事件名称，多个事件名称用空格隔开，function为事件执行的函数。 例如，绑定按钮的单击事件，单击按钮时，该按钮变为不可用。如下图所示：查看全部
-
append(content)方法的功能是向指定的元素中追加内容，被追加的content参数，可以是字符、HTML元素标记，还可以是一个返回字符串内容的函数。查看全部
-
URL操作函数。调用名为$. param的工具函数，能使对象或数组按照key/value格式进行序列化编码，该编码后的值常用于向服务端发送URL请求，调用格式为： $. param (obj); 参数obj表示需要进行序列化的对象，该对象也可以是一个数组，整个函数返回一个经过序列化编码后的字符串。 例子： <div id="divtest"> <div class="title"> <span class="fl">URL操作函数</span> </div> <div class="content"> <div class="tip"></div> </div> </div> <script type="text/javascript"> $(function () { //基本信息对象 var objInfo = new Object(); objInfo.name = "白富美"; objInfo.sex = 1; //序列化对象 var objNewInfo =$.param(objInfo); //显示序列化后的对象 var strTmp = "<b>对象 白富美 序列化后</b>：<br/><br/>"; strTmp += objNewInfo; //显示在页面中 $(".tip").show().append(strTmp); }); </script>查看全部
-
使用removeAttr(name)和removeClass(class)分别可以实现移除元素的属性和样式的功能，前者方法中参数表示移除属性名，后者方法中参数则表示移除的样式名查看全部
-
页面加载时触发ready()事件 ready()事件类似于onLoad()事件，但前者只要页面的DOM结构加载后便触发，而后者必须在页面全部元素加载成功才触发，ready()可以写多个，按顺序执行。此外，下列写法是相等的： $(document).ready(function(){})等价于$(function(){}); 例如，当触发页面的ready()事件时，在<div>元素中显示一句话。如下图所示：查看全部
-
function(){ $("#tip").html( "move left down." ) }查看全部
-
字符串操作函数。调用名为$.trim的工具函数，能删除字符串中左右两边的空格符，但该函数不能删除字符串中间的空格，调用格式为： $.trim (str); 其中，参数str表示需要删除左右两边空格符的字符串。 例子： <div id="divtest"> <input id="btnShow" name="btnShow" type="button" value="计算" /> <div class="content"> <input id="txtName" name="txtName" type="text" /> <div class="tip"></div> </div> </div> <script type="text/javascript"> $(function () { $("#btnShow").bind("click", function () { $(".tip").html(""); var strTmp = "内容："; var strOld = $("#txtName").val(); var strNew =$.trim(strOld); strTmp += strOld; strTmp += "<br/><br>除掉空格符前的长度：" strTmp += strOld.length; strTmp += "<br/><br>除掉空格符后的长度：" strTmp += strNew.length; $(".tip").show().append(strTmp); }); }); </script>查看全部
-
css() 返回或设置匹配的元素的一个或多个样式属性。 $(selector).css(name)返回第一个匹配元素的 CSS 属性值。 $(selector).css(name,value)设置所有匹配元素的指定 CSS 属性。 $(selector).css({property:value, property:value, ...})设置多个 CSS 属性/值对 $(selector).addClass(class)添加类名查看全部
-
html()方法可以获取元素的HTML内容，因此，原文中的格式代码也被一起获取，而text()方法只是获取元素中的文本内容，并不包含HTML格式代码。查看全部
-
检测两个节点的包含关系。调用名为$.contains的工具函数，能检测在一个DOM节点中是否包含另外一个DOM节点，如果包含，返回true，否则，返回false值，调用格式为： $.contains (container, contained); 其中，参数container表示一个DOM对象节点元素，用于包含其他节点的容器，contained是另一个DOM对象节点元素，用于被其他容器所包含。 例子： <div id="divtest"> <div class="title"> <span class="fl">检测两个节点的包含关系</span> </div> <div class="content"></div> </div> <script type="text/javascript"> $(function () { var node_a = document.body.firstChild; var node_b = document.body; var strTmp = "对象node_a"; if ($.contains(node_a,node_b)) { //检测是否包含节点 strTmp += " 包含 "; } else { strTmp += " 不包含 "; } strTmp += "对象node_b"; $(".content").html(strTmp); }); </script>查看全部
-
toggle()方法可以在元素的click事件中绑定两个或两个以上的函数，同时，它还可以实现元素的隐藏与显示的切换查看全部
-
attr()方法的作用是设置或者返回元素的属性，其中attr(属性名)格式是获取元素属性名的值，attr(属性名，属性值)格式则是设置元素属性名的值。查看全部
举报
0/150
提交
取消