jQuery技术

程序员Web面试之jQuery(2)

字号+ 作者:H5之家 来源:H5之家 2015-10-21 14:14 我要评论( )

script $( "#text1").val("Sometext"); // 报错。因为text1此刻未加载完成,无法访问 /script/headbodyinput type="text" //body 而在Ready事件中的可访问HTML元素,例子如下: script $(document).ready( function

<script> $("#text1").val("Sometext"); // 报错。因为text1此刻未加载完成,无法访问 </script> </head> <body> <input type="text" /> </body>

而在Ready事件中的可访问HTML元素,例子如下:

<script> $(document).ready(function(){ $("#text1").val("Sometext"); }); </script>

同一个页面中,能否加载多个个document.ready事件?

可以。

 

如何用jQuery对HTML元素事件进行附加?

下面通过2个例子来说明

例子1,选择所有的button元素,在其click事件中,对所有p元素进行toggle。

$("button").click(function(){ $("p").toggle(); });

例子2,选择ID为p1的元素,在mouseenter事件中,进行alert。

$("#p1").mouseenter(function(){ alert("You entered p1!"); });

  如何使用jQuery添加样式(style)?

使用例子如下:

$("li").filter(".middle").addClass("selected");

css样式内容如下:

<style> .selected { color:red; } </style>

 

1.本站遵循行业规范,任何转载的稿件都会明确标注作者和来源;2.本站的原创文章,请转载时务必注明文章作者和来源,不尊重原创的行为我们将追究责任;3.作者投稿可能会经我们编辑修改或补充。

相关文章
  • 7个有用的jQuery小技巧

    7个有用的jQuery小技巧

    2016-02-26 13:02

  • jQuery制作select双向选择列表

    jQuery制作select双向选择列表

    2016-02-26 11:00

  • 全面详细的jQuery常见开发技巧手册

    全面详细的jQuery常见开发技巧手册

    2016-02-26 10:02

  • 强大的jQuery移动插件Top 10

    强大的jQuery移动插件Top 10

    2016-02-25 09:05

网友点评
l