jquery 学习-优快云博客

本文链接：https://blog.youkuaiyun.com/lxhuang_14/article/details/78684745

- ready方法
在文档加载后激活函数，把所有其他的 jQuery 事件和函数置于该事件中是非常好的做法。
ready() 函数规定当 ready 事件发生时执行的代码。
ready() 函数仅能用于当前文档，因此无需选择器。
提示：ready() 函数不应与一起使用。
有如下三种语法：

 $(document).ready(function)

$().ready(function)

$(function)

- 事件
bind事件
优快云 bind事件
如果绑定的各事件触发函数相同，还可以用以下形式：

$("p").bind('click dblclick mouseover mouseout',function(event){

change 事件
当用于 select 元素时，change 事件会在选择某个选项时发生。当用于 text field 或 text area 时，该事件会在元素失去焦点时发生。

<html>
<head>
<script type="text/javascript" src="/jquery/jquery.js"></script>
<script type="text/javascript">
$(document).ready(function(){
  $(".field").change(function(){
    $(this).css("background-color","red");
  });
  $("button").click(function(){
    $("input").change();
  });
});
</script>
</head>
<body>
<button>激活文本域的 change 事件</button>
<p>Enter your name: <input class="field" type="text" value="change"/></p>
</body>
</html>

delegate() 方法
delegate() 方法为指定的元素（属于被选元素的子元素）添加一个或多个事件处理程序，并规定当这些事件发生时运行的函数。
csdn 查看实例

trigger方法
csdn trigger方法

triggerHandler() 方法
csdn triggerHandler() 方法

trigger与triggerHandler的差别
注释：当是triggerHandler() 方法，”发生 Input select 事件！“打印一次，而改为trigger方法后，打印三次。

<html>
<head>
<script type="text/javascript" src="/jquery/jquery.js"></script>
<script type="text/javascript">
$(document).ready(function(){
  $("input").select(function(){
    $("input").after("发生 Input select 事件！");
  });
  $("button").click(function(){
    $("input").triggerHandler("select");
  });
});
</script>
</head>
<body>
<input type="text" name="FirstName" value="Hello World" />
<br />
<button>激活 input 域的 select 事件</button>
<p>请注意，与 trigger() 方法不同，triggerHandler() 方法不会引起所发生事件的默认行为（文本不会被选中）。</p>
</body>
</html>