jquery基础

jj_jameholl

于 2017-04-19 22:48:08 发布

阅读量179

点赞数 1

CC 4.0 BY-SA版权

分类专栏： jquery 文章标签： jquery

本文链接：https://blog.youkuaiyun.com/github_38392025/article/details/70246718

jquery 专栏收录该内容

1 篇文章

订阅专栏

本文分享了两个实用的前端开发技巧：一是如何确保在使用pjax或ajax进行局部刷新时，已绑定事件的元素仍能正常工作；二是如何通过JavaScript获取带有多个类名的div元素中的特定类名。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

tip1 元素绑定

经常会用到局部刷新，如果在局部刷新div中的元素有绑定事件，必须要将js函数一同放到这个div进行刷新才能在下一次生效（pjax和ajax一样的），因为js放在外面不刷新的话，一旦局部刷新完，div中的元素是未经过js绑定的，是新的，而js代码绑定元素的契机是整个页面加载完毕或者页面刷新，局部刷新并不满足这一点，因此刷新后的元素不会触发js绑定。

tip2 div多个类名

在div中可以设置多个类名，然后通过js分别获取类名的值，代码如下：

var class1 = $(this).parent().attr("class").split(" ").[0] 
//attr函数获取全部类名字符串，列如one two three，之间用空格分开，split会将这些通过空格分开的单独类名放入数组取得
var class2 = $(this).parent().attr("class").split(" ").[1]
//会得到two