JavaScript 继承及初识jquery

继承:
1.传统形式 → 原型链    
    过多的继承了没用的属性
2.借用构造函数
     不能继承借用函数的原型
     每次构造函数都要多走一个函数
3.共享原型
    不能随便改动自己的原型
4.圣杯模式(最优方法)↓
function People(){
        foot="2";
        head="1";
}
function Student(name,age){
           this.name=name;
           this.age=age;
}
Student.protype.sex='男';     ←采用圣杯模式的好处在于创建子类原型对象不会影响父类
function F(){};                ←新建一个中转器(方法)
F.protype=new People();            ←用中转器去继承父类

Student.protype=F.protype;            ←用子类去继承中转器,那么子类的原型对象不会影响父类,子类也能正常使用
Student.protype.constructor=Student;        ←将子类的构造指向回自己,这样就可以使用子类自身的构造,而不会使用父类
Object是所有方法的父类。

jquery安装:
使用jquery需要注意。首先需要新建一个script标签,在这个标签内引入jquery版本,在这个标签内不能写入任何语言和操作。再新建一个script标签,这个标签内就可以使用jquery语言了。

jQuery 语法:
jQuery 语法是为 HTML 元素的选取编制的,可以对元素执行某些操作。
基础语法是:$(selector).action()
美元符号定义 jQuery
选择符(selector)“查询”和“查找” HTML 元素
jQuery 的 action() 执行对元素的操作
示例
$(this).hide() - 隐藏当前元素
$("p").hide() - 隐藏所有段落
$(".test").hide() - 隐藏所有 class="test" 的所有元素
$("#test").hide() - 隐藏所有 id="test" 的元素
例子:
<script type="text/javascript" src="/jquery/jquery.js"></script>
<script type="text/javascript">
$(document) .ready(function(){      ←这个跟window.onload一样,但不需要等图片和视频加载完
  $("button") .click(function(){
  $(this) .hide();
});
});
</script>

jQuery 事件
下面是 jQuery 中事件常用方法的一些例子:
Event 函数 绑定函数至
$(document).ready(function) 将函数绑定到文档的就绪事件(当文档完成加载时)
$(selector).click(function) 触发或将函数绑定到被选元素的点击事件
$(selector).dblclick(function) 触发或将函数绑定到被选元素的双击事件
$(selector).focus(function) 触发或将函数绑定到被选元素的获得焦点事件
$(selector).mouseover(function) 触发或将函数绑定到被选元素的鼠标悬停事件


猜你喜欢

转载自blog.csdn.net/chijiajing/article/details/80563470