宝哥软件园

jQuery学习笔记的两个小技巧

编辑:宝哥软件园 来源:互联网 时间:2021-10-14

1.jQuery函数前缀。

在javascript中,开发人员通常会编写一些小函数来处理各种操作细节,例如用户提交表单时,要清理文本框前端和末端的空间。javascript中没有类似的trim()函数,所以在师专jQuery之后,可以使用trim()函数。

trim()函数是jQuery对象的一种方法,使用以下示例。

复制的代码如下: script type=' text/JavaScript ' var s string=' 1234567890 ';sString=$。装饰(不锈钢环);alert(SString . length);/script

执行结果

jQuery删除了字符串sString的前导空格和尾随空格。

在…之中

$.微调(sString)相当于。

像jQuery.trim(sString)jQuery这样的函数有很多,它们涉及到javascript的方方面面。

2.解决window.onload函数的冲突。

由于页面html框架需要完全加载后才能使用,所以window.onload在DOM编程中经常使用。如果这个函数需要在页面的很多地方使用,那么其他js也需要包含window.onload函数,这会导致很多冲突。

jQuery中的ready()方法很好地解决了上述问题,页面加载后可以自动运行其功能。并且同一个页面可以使用多个ready()方法,而不会相互冲突。

例如:

复制的代码如下: script type=' text/JavaScript ' $(文档)。ready(function(){ $(' table # my table tr : th-child(odd)')。add class(' altcss ');})/脚本

上面的代码jQuery也是缩写的,而(文档)。就绪部分可以省略。

代码如下:

复制的代码如下: script type=' text/JavaScript ' $(function(){ $(' table # my table tr : th-child(odd)')。add class(' altcss ');})/脚本

这是上表中隔行颜色变化的代码。

更多资讯
游戏推荐
更多+