在JavaScript中利用getOwnPropertyDescriptor获取属性特性以及利用defineProperty设置属性特性
本文首先介绍了对象的数据属性和存取器属性的四种特性,接着演示如何利用Object.getOwnPropertyDescriptor()获取属性描述符,如何利用Object.defineProperty与Object.defineProperties设置对象属性特性。
jQuery使用hide方法隐藏指定元素class样式用法实例
本文实例讲述了jQuery使用hide方法隐藏指定元素class样式用法。分享给大家供大家参考。具体如下: 下面的JS代码可以隐藏所有class属性等于test的元素 $(document).ready(function(){ $("button").click(function(){ $(".test").hide(); }); }); This is a heading This is a ......
jQuery获取标签文本内容和html内容的方法
本文实例讲述了jQuery获取标签文本内容和html内容的方法。分享给大家供大家参考。具体分析如下: jQuery可以通过text和html方法获取指定标签的文本内容或者html内容 $(document).ready(function(){ $("#btn1").click(function(){ alert("Text: " + $("#test").text()); }); $("#btn......
JQuery调用绑定click事件的3种写法
第一种方式: $(document).ready(function(){ $("#clickme").click(function(){ alert("Hello World click"); });  第二种方式: $('#clickmebind').bind("click", function(){ alert("Hello World bind"); }); 第三种方式: $('#clic......
jQuery使用hide方法隐藏元素自身用法实例
本文实例讲述了jQuery使用hide方法隐藏元素自身用法,分享给大家供大家参考。具体如下: 下面的JS代码实现让按钮点击后将自己隐藏起来 $(document).ready(function(){ $("button").click(function(){ $(this).hide(); }); }); This is a heading This is a paragraph. This i......
jQuery使用prepend()方法在元素前添加内容用法实例
本文实例讲述了jQuery使用prepend()方法在元素前添加内容的用法。分享给大家供大家参考。具体分析如下: 下面的代码可实现在文本前和列表前添加新的元素 $(document).ready(function(){ $("#btn1").click(function(){ $("p").prepend("Prepended text. "); }); $("#btn2").click(fun......
jQuery使用empty()方法删除元素及其所有子元素的方法
本文实例讲述了jQuery使用empty()方法删除元素及其所有子元素的方法。分享给大家供大家参考。具体实现方法如下: $(document).ready(function(){ $("button").click(function(){ $("#div1").empty(); }); }); This is some text in the div. This is a paragraph i......
jQuery使用fadeout实现元素渐隐效果的方法
本文实例讲述了jQuery使用fadeout实现元素渐隐效果的方法。分享给大家供大家参考。具体分析如下: 下面的JS代码演示了jQuery控制色块元素逐渐隐藏的效果,可以控制隐藏速度 $(document).ready(function(){ $("button").click(function(){ $("#div1").fadeOut(); $("#div2").fadeOut("slow"......
jQuery使用after()方法在元素后面添加多项内容的方法
本文实例讲述了jQuery使用after()方法在元素后面添加多项内容的方法。分享给大家供大家参考。具体分析如下: jQuery可通过after()方法在元素后面添加多项内容,after()可以带多个参数,在指定元素后面添加多项内容 function afterText() { var txt1="I "; // Create element with HTML var txt2=$("").t......
jQuery使用slideUp方法实现控制元素缓慢收起
本文实例讲述了jQuery使用slideUp方法实现控制元素缓慢收起功能的技巧。分享给大家供大家参考。具体实现方法如下: $(document).ready(function(){ $("#flip").click(function(){ $("#panel").slideUp("slow"); }); }); #panel,#flip { padding:5px; text-align:cen......
jQuery使用attr()方法同时设置多个属性值用法实例
本文实例讲述了jQuery使用attr()方法同时设置多个属性值的用法。分享给大家供大家参考。具体如下: 下面这个演示例子可通过点击按钮实现修改链接与提示的功能。 $(document).ready(function(){ $("button").click(function(){ $("#w3s").attr({ "href" : "http://www.popjb.com/list/list......
jquery使用animate方法实现控制元素移动
本文实例讲述了jquery使用animate方法实现控制元素移动。分享给大家供大家参考。具体分析如下: 通过jquery的animate方法控制元素移动,这里需要将元素的位置定义为relative, fixed, 或者 absolute! $(document).ready(function(){ $("button").click(function(){ $("div").animate({l......
jQuery使用append在html元素后同时添加多项内容的方法
本文实例讲述了jQuery使用append在html元素后同时添加多项内容的方法。分享给大家供大家参考。具体分析如下: 下面的代码可以同时在文本段落后添加多项内容 function appendText() { var txt1="Text."; // Create text with HTML var txt2=$("").text("Text."); // Create text with ......
jquery使用hide方法隐藏指定id的元素
本文实例讲述了jquery使用hide方法隐藏指定id的元素。分享给大家供大家参考。具体如下: 下面的代码通过jQuery的hide方法隐藏了id=test的元素 $(document).ready(function(){ $("button").click(function(){ $("#test").hide(); }); }); This is a heading This is a pa......
jQuery使用post方法提交数据实例
本文实例讲述了jQuery使用post方法提交数据的用法。分享给大家供大家参考。具体实现方法如下: $(document).ready(function(){ $("button").click(function(){ $.post("demo_test_post.asp", { name:"Donald Duck", city:"Duckburg" }, function(data,statu......