jquery学习笔记
深山老妖&
感谢各位朋友的朋友的关注,希望大家多多留言评论,一起探讨学习。
展开
-
jquery学习-dom相关操作跟方法
jquery常用的几中添加元素的方法: append():在某个元素中添加一个元素。这种方式是在原有的元素之后添加。 appendTo():将某个元素添加到一个元素中。这种方式是在原有的元素之后添加。 prepend():在某个元素中添加一个元素。这种方式是在原有的元素之前添加。 prepend():将某个元素添加到一个元素中。这种方式是在原有的元素之前添加。 注:以上这几个方法添加的元素是父...原创 2018-11-28 22:42:43 · 82 阅读 · 0 评论 -
jquery学习-dom操作相关方法(2)
获取下标跟获取元素的方法: index():获取一个元素的下标。 prev():获取前面一个兄弟元素。 prevAll():获取前面所有兄弟元素。 next():获取后面一个兄弟元素。 nextAll():获取后面所有兄弟元素。 siblings():获取所有兄弟元素。 代码演示: <!DOCTYPE html> <html lang="en"> <head>...原创 2018-11-28 23:04:46 · 104 阅读 · 0 评论 -
jquery学习-jquery基础
1.)jquery是什么 jquery是一个使用原生javascript封装的工具库。使用jquery写代码时可以更简介高效。 2.)jquery注意事项 1.)使用jquery时必须要引入一个jquery文件,可以是在本地(下载)也可以是别人服务器。 2.)javaScript原生对象不能使用jquery的方法和属性,必须通过==“$()”函数转换成jquery对象才能使用。 3.)jquery...原创 2018-11-26 17:00:37 · 128 阅读 · 0 评论 -
jquery学习-基本选择器
jquery选择器也就是使用jquery方法简单快速的查找元素。 1.)基本选择器: id选择器:用#号 + 标签名称来表示。 类选择器:用.(点) + 标签名称来表示。 标签选择器:用标签名称来表示。 子元素选择器:用&amp;gt;符号来表示。 后代选择器:用空格来表示。 组合选择器:多元素选择器。 几个基本选择器的代码实例: &amp;lt;!DOCTYPE html&amp;gt; &amp;lt;html原创 2018-11-27 12:58:05 · 102 阅读 · 0 评论 -
jquery学习-属性选择器
2.)属性选择器 &amp;lt;!DOCTYPE html&amp;gt; &amp;lt;html lang=&quot;en&quot;&amp;gt; &amp;lt;head&amp;gt; &amp;lt;meta charset=&quot;UTF-8&quot;&amp;gt;原创 2018-11-27 13:20:05 · 83 阅读 · 0 评论 -
jquery学习-过滤选择器
3.)过滤选择器 1. ):first:匹配找到第一个元素。 2. ):last:匹配找到最后一个元素。 3. ):not(selector):去除所有与给定选择器匹配的元素。 4. ):even:匹配查找所有下标为偶数的元素,从0开始查找。 5. ):odd:匹配查找所有下标为奇数数的元素,从0开始查找。 6. ):eq(index):匹配⼀个给下标(下标就是索引值)的元素,从 0 ...原创 2018-11-27 15:05:05 · 205 阅读 · 0 评论 -
jquery学习-常用dom属性相关⽅法
dom属性相关⽅法: addClass():为匹配的元素添加一个class类(样式).。 removeClass():移出集合中匹配元素的一个或多个class类。 toggleClass():切换类,如果有就删除,如果没有就添加。 css():设置或者获取css样式。 html()方法和text()方法: 获取或者设置相应的内容,如果里面传入内容 表示设置 如果为空表示获取。 代码实例: &amp;...原创 2018-11-27 17:26:03 · 111 阅读 · 0 评论 -
jquery学习-常用dom属性相关方法(2)
jquery常用dom属性相关方法 css()方法:设置或者获取css样式。 &amp;amp;lt;!DOCTYPE html&amp;amp;gt; &amp;amp;lt;html lang=&amp;quot;en&amp;quot;&amp;amp;gt; &amp;amp;lt;head&amp;amp;gt; &amp;amp;lt;原创 2018-11-27 17:41:13 · 96 阅读 · 0 评论 -
jquery学习-常用的dom属性相关方法(3)
dom属性相关方法: 1.) each ():循环⽅法。使用方法: $(“li”).each(function (index,item) { console.log(index,item); //index代表每个li元素的下标。item表示每个li元素 }); 2.)attr()方法: 设置或者获取元素的属性。使用方法: var title = $("em").attr("title")...原创 2018-11-27 20:03:06 · 127 阅读 · 0 评论