首页 > 代码库 > Javascript对象、Jquery扩展简单应用
Javascript对象、Jquery扩展简单应用
Javascript对象,表现方式一:
1 person = new Object();2 person.firstname = "An";3 person.lastname = "na";4 person.age = 12;5 alert(person.age);
Javascript对象,表现方式二:
1 function person(firstname, lastname, age) {2 this.firstname = firstname;3 this.lastname = lastname;4 this.age = age;5 }6 var newPerson = new person("An", "na", 12);7 alert(newPerson.firstname)
Javascript对象,表现方式三:
1 var person = { firstname: "An", lastname: "na", age: 12 };2 alert(person.firstname);
Jquery扩展简单,简单应用如下:
1 <!DOCTYPE html> 2 3 <html lang="en" xmlns="http://www.w3.org/1999/xhtml"> 4 <head> 5 <meta charset="utf-8" /> 6 <title></title> 7 <script type="text/javascript" src="http://www.mamicode.com/jquery-1.7.1.min.js"></script> 8 <script type="text/javascript"> 9 //jquery 扩展:10 jQuery.extend({11 my: function () {12 alert("初试jquery扩展");13 }14 })(jQuery);15 //使用:16 $.my();17 18 //jquery对象扩展:19 jQuery.fn.extend({20 self: function () {21 alert("jquery对象扩展");22 }23 })24 //使用:25 $("span").self();//需要用对象.26 </script>27 </head>28 <body>29 <span>jquery对象扩展</span>30 </body>31 </html>
...以上为个人学习所写,可能不完整,欢迎补充...
Javascript对象、Jquery扩展简单应用
声明:以上内容来自用户投稿及互联网公开渠道收集整理发布,本网站不拥有所有权,未作人工编辑处理,也不承担相关法律责任,若内容有误或涉及侵权可进行投诉: 投诉/举报 工作人员会在5个工作日内联系你,一经查实,本站将立刻删除涉嫌侵权内容。