四时宝库

程序员的知识宝库

jquery 选择器用法大全附实例代码

学习jquery必不可少的一项技能就是需要学会使用jquery查找和操作html元素,这就是jquery选择器,小叶总结了下面一篇文章在我们开发中常用的jquery选择器的方法,欢迎收藏。

以下是一些常用的 jQuery 选择器及其实例代码:

1. 基本选择器

  • $("element"): 选择所有指定的元素。

js大佬不愿意告诉你jq背后的那些事

JQuery

什么是

第三方的极简化的DOM操作函数库


为什么

1. DOM操作的终极简化

核心DOM: 万能, 但繁琐

HTML DOM: 简单,但不是万能

jQuery: 对DOM操作的终极简化

1. DOM操作

增,删,改,查

2. 事件

3. 动画效果

4. Ajax

2. 屏蔽了浏览器兼容性问题

jQuery学习-----(一)JQuery的'$'符号用法

1.jQuery的三种$

1)$可以是$(expresion),即css选择器、Xpath或html元素,也就是通过上述表达式来匹配目标元素。

比如:$("a")构造的这个对象,是用CSS选择器构建了一个jQuery对象--它选择了所有的<a/>这个标签。

eg:$("a").click(function{...}) :就是在点击页面上的任何一个链接时的触发事件。

alert($("div>p").html):表示弹出div下的一级节点标签为p的内容

前端开发者都应知道的 jQuery 小技巧

通过使用 jQuery 中的 animate 和 scrollTop 方法,你无需插件便可创建一个简单地回到顶部动画:

1 // Back to top
2 $('a.top').click(function (e) {
3   e.preventDefault();
4   $(document.body).animate({scrollTop: 0}, 800);
5 });
<< < 1 2 >>
控制面板
您好,欢迎到访网站!
  查看权限
网站分类
最新留言
    友情链接