![](https://img-blog.csdnimg.cn/20201014180756928.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
jquery基础
JunXian9102
人生就是不断的折腾!
展开
-
jQuery基础01体验
Jq 内容:掌握jQuery编程思想,使用jQuery进行常见网页效果开发。 目标:能够使用jQuery开发常见网页效果。 锋利的jQuery,js忍着禁术,精通js,jQuery 官网,jQuery 在线API,jQuery ui。 一, 重点内容: 1框架库和jq介绍 2jQuery文件使用:如果低版本浏览器下载jq1.12. 3jQuery中顶级对象:$,dom中的顶级对象原创 2017-05-04 11:48:41 · 275 阅读 · 0 评论 -
jQ选择器及常见几个方法
dom中获取元素的方式: document.getElementById(‘id的值’);根据id获取元素,一个。 document.getElementByTagName(‘标签的名字’);根据标签名获取元素,多个 document.getElementByName(‘name属性值’);根据name属性值获取元素,多个 document.getElementByClassName(‘类样原创 2017-05-04 17:24:02 · 1020 阅读 · 0 评论 -
jQ基础 类样式的几种
二,Jq操作类样式:1, 添加类样式: .addClass(“cls cls2”); 在addClass()方法中类样式的名字不需要点,多个类样式的名字要空格隔开。 2, 移除类样式: .removeClass(“cls cls2”); 移除所有类样式: .removeClass();网页开关灯案例: 思路:先判断body是否应用了某个类样式,如果应用了就移除, 如果没有应用就添原创 2017-05-05 17:54:35 · 655 阅读 · 0 评论 -
jQ创建追加元素笔记
jqday03-04 dom中动态创建元素:document。createElement(“标签名”), jQ中: append();在元素末尾追加元素(最后一个子节点)。 prepend。把元素插入到某个元素前面。 after();把元素添加到当前元素后面 before();把元素添加到当前元素的前面。1,权限选择案例: 获取第一个下拉框中被选中的option添加到第二个下拉框中。原创 2017-05-06 11:16:09 · 713 阅读 · 0 评论 -
jQ基础day05五星评分小案例
jQ基础day05-18,$(function() { $(".comment>li").mouseover(function () { //鼠标进入,当前的五角星以及它前边的所有兄弟五角星都变成实心。 $(this).text("★").prevAll("li").text("★"); }).mouseout(function () { /* 鼠标原创 2017-05-08 12:48:47 · 409 阅读 · 0 评论 -
jQ中的each方式
jq中有隐式迭代,不需要我们再次进行遍历对某些元素进行操作。 但是,如果涉及的到对不同元素有不同的操作,MAME需要进行each方法遍历。//当需要操作不同的元素不同的设置方式的时候,可以考虑用each方法。 //页面加载后,让每个li的透明度发生改变。 $(function () { $(".comment>li").each(function (index,element原创 2017-05-08 13:49:19 · 439 阅读 · 0 评论 -
jQ多库共存及常见插件及jq,ui
在页面操作过程当中,有可能引入多个外部js文件, 很有可能自己写的js文件里的变量名或者函数名有可能是使用对象,此时会把js中的对象, 此时会把js中的同名掉,失去了原本对象的意义。 此时可以通过: $.noConflict()var xy=$.noConflict();或者用jquery来对$对象进行释放控制权。插件1,jQuery之家—纯js带弹性动画的手风琴图片相册特效。 插件2,原创 2017-05-08 16:09:23 · 370 阅读 · 0 评论