-
ready()事件类似于onLoad()事件，但前者只要页面的DOM结构加载后便触发，而后者必须在页面全部元素加载成功才触发，ready()可以写多个，按顺序执行。此外，下列写法是相等的： $(document).ready(function(){})等价于$(function(){});查看全部
-
5-1 控制元素的属性 attr() 5-2 操作元素的内容 html(), text() 5-3 操作元素的样式 addClass(), css() 5-4 移除属性和样式 removeAttr(name), removeClass(class) 5-5 使用append()方法向元素内追加内容 5-6 使用appendTo()方法向被选元素内插入内容 5-7 使用before()和after()在元素前后插入内容 5-8 使用clone()方法复制元素 5-9 替换内容 $(selector).replaceWith(content), $(content).replaceAll(selector) 5-10 包裹元素和内容 $(selector).wrap(wrapper), $(selector).wrapInner(wrapper) 5-11 使用each()方法遍历元素 $(selector).each(function(index)) 5-12 使用remove()和empty()方法删除元素查看全部
-
remove()方法删除所选元素本身和子元素，该方法可以通过添加过滤参数指定需要删除的某些元素，而empty()方法则只删除所选元素的子元素。查看全部
-
this指代的是当前的元素查看全部
-
被获取内容（content）在进行appendTo( )操作后，将自动取消，相当于被转移了.查看全部
-
form查看全部
-
:hidden //过滤选择器的功能是获取全部不可见的元素 :visible //过滤选择器获取的是全部可见的元素,只要不将元素的display属性值设置为“none”,那么,都可以通过该选择器获取 var $strHTML = $("input:hidden").val(); $("div").html($strHTML); //获取value的值并写入div标签对之中查看全部
-
li:eq(index)选择器按索引(即数组下标)查找元素 li:contains(string) 可根据标签对中的值进行查找 li:has('label')也可根据标签对中的值或标签进行查找查看全部
-
除使用$.extend扩展工具函数外，还可以扩展原有的Object对象，在扩展对象时，两个对象将进行合并，当存在相同属性名时，后者将覆盖前者，调用格式为： $. extend (obj1,obj2,…objN); 参数obj1至objN表示需要合并的各个原有对象。 $(function () { var objInfo = { name: "" }; var objMess = { name: "白富美,", title: "欢迎与我联系！" }; var objNewInfo =$.extend(objInfo,objMess); var strTmp = "<b>对象 白富美 合并后</b>：<br /><br />"; strTmp += objNewInfo.name + objInfo.title; //显示在页面中 $(".tip").show().append(strTmp); });查看全部
-
$(selector).css({property:value, property:value, ...}) //多个CSS属性/值对 $(selector).css(name,function(index,value)) //通过函数设置属性值 $(selector).css(name,value) $(selector).css(name) //获取属性值查看全部
-
css()样式要添加{}，才能看到效果。查看全部
-
调用名为$. extend的工具函数，可以对原有的工具函数进行扩展，自定义类级别的jQuery插件，调用格式为： $. extend ({options}); 参数options表示自定义插件的函数内容。 (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); }); });查看全部
-
调用名为$. param的工具函数，能使对象或数组按照key/value格式进行序列化编码，该编码后的值常用于向服务端发送URL请求，调用格式为： $. param (obj); 参数obj表示需要进行序列化的对象，该对象也可以是一个数组，整个函数返回一个经过序列化编码后的字符串。 $(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); });查看全部
-
调用名为$.trim的工具函数，能删除字符串中左右两边的空格符，但该函数不能删除字符串中间的空格，调用格式为： $.trim (str); 参数str表示需要删除左右两边空格符的字符串。 $(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); }); });查看全部
-
调用名为$.contains的工具函数，能检测在一个DOM节点中是否包含另外一个DOM节点，如果包含，返回true，否则，返回false值，调用格式为： $.contains (container, contained); 参数container表示一个DOM对象节点元素，用于包含其他节点的容器，contained是另一个DOM对象节点元素，用于被其他容器所包含。 $(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); });查看全部
举报
0/150
提交
取消