是时候复习一下jQuery了

本次复习的内容：

jQuery中如何获取对象
jQuery中如何设置对象样式
jQuery中如何设置class名相同的对象的样式
css代码部分：

<style type="text/css">#one{width: 300px;height: 300px;background-color: red;font-size: 100px;}.two{font-size: 30px;color: red;}</style>

html代码部分：

        <div id="one">one</div><div class="two">1</div><div class="two">2</div><div class="two">3</div><div class="two">4</div><input type="text" id="inp">

js代码部分：

<script type="text/javascript">// jQuery是一个快速,小巧,功能丰富的JavaScript库,是对原生JS的封装;// 原生JS中,var oneDiv = document.getElementById("one");oneDiv.style.color = "white";//JQ中,使用  jQuery(选择器或者对象) jQuey简写成$ 获取该标签元素对象// jQuery("#one")  $("#one").css("color","yellow");// $("#one").style.color = "blue"; //错误// oneDiv.css("color","pink"); //错误$(oneDiv).css("color","green");//正确//2.html()方法,相当于JS中的innerHTML $("#one").html("云松");$("#one").html("<a href='###'>百度</a>");// 3.text() ---- JS中的 innerText$("#one").text("<a href='###'>百度</a>");var a = $("#one");a.css("width","800px");//为所有的class名 为two设置样式$(".two").css("color","yellow");$(".two").css("font-size",function (i,v){// console.log(i);// console.log(v);return (i + 1) * 30 + "px";});//        第一个参数:i  返回JQ对象div所在的下标,
//      第二个参数:v  之前对象对应的属性值;var arrName = ["佳豪","财源","梦珂","丹依"];$(".two").html(function (i,v){return arrName[i];});//设置输入框的value值 $("#inp").val("张斌");// 取值$("#inp").val();</script>

是时候复习一下jQuery了相关推荐

jquery toggle()设置
很多朋友对jquery toggle()比较熟练,甚至经常用到,而且对toggle的三个参数也比较了解$(selector).toggle(speed,callback,switch).但是当你设置$ ...
使用jQuery开发tab选项卡插件
为了复习巩固jQuery的插件开发.HTML和CSS方面的知识,做了一个简单的tab选项卡插件,简单记录一下开发.使用的过程,以备日后使用. 一.插件效果 tab选项卡插件常用的功能均已实现,包括:动 ...
jQuery 笔记目录
jQuery笔记目录 part1 part2 part3 part4 Zepto.js 这是早期的笔记,当时写笔记还没有那么有规划,所以写的比较随意,每篇文章内容相对比较少,现在复习一下jQuery, ...
利用JQuery实现广告动态滚动特效
今天来复习一下JQuery的知识,JQuery的特点:利用选择器查找要操作的节点,并且会将这些节点封装成一个jQuery对象.通过调用jQuery对象的属性或者方法来实现对底层节点的操作,这样做的好 ...
手风琴效果（js版本以及jquery版本）
最近又复习了jQuery的知识,既然jQuery是javascript的一个库.jQuery能做到的事情javascript也能做到.因此用这两种方法实现了图片手风琴效果按照惯例,还是上代码吧,因为 ...
视频教程-JavaScript+jQuery+项目实战系列视频教程-JavaScript
JavaScript+jQuery+项目实战系列视频教程国内IT培训讲师,国内知名出版社IT作家.经验丰富,草根悍将.待人诚恳,从不摆架子,做事认真负责. 周知胜 ¥117.00 立即订阅扫码下载 ...
Js、jquery 定时器启动与停止效果实现
项目背景: 大二上学期复习完jquery后的国庆作业使用jquery百分百完成以下网址轮播图效果完成效果需求: 一,轮播图每3秒自动切换下一个图片,同时图片对应的选项样式会改变为红色选中状态二, ...
Java jQuery_2
零. 复习昨日 JQuery功能: 文档操作,事件处理,动画设计,ajax交互事件 jq中的事件 1)全部都是函数 2)事件名去掉on即可 dom操作获得设置元素内容 html() text() ...
记录一次油猴脚本开发的Demo（入门级）、开发过程
记录一次开发油猴脚本的demo 前言:之前听别人讲油猴脚本怎么怎么地,怎么怎么样,一直以为是个很难的东西,所以在上周五的时候,就自己看了一下,这个东西也不太难.主要还是js玩的6就行了.当然了我的js ...

是时候复习一下jQuery了

是时候复习一下jQuery了相关推荐

最新文章

热门文章