JQuery学习日记(1)
就从jQuery开始吧,js哪些以后补上~
jQuery中的顶级对象就是jQuery,也可以用$表示;
jQuery的页面加载事件(一般是所有html标签加载成功后,立刻执行js文件,三种写法,下面写出最简单的)
$(function(){ 。。。})
jQuery与DOM互转:
DOM转jQuery:$(dom对象)
jQuery转DOM:$(dom对象).get(0) , $(dom对象)[0]
jQuery选择器(常用):
id选择器:$(“#id”)
类选择器:$(“.类名(class)”)//有点
标签选择器:$(“标签”)
标签+类选择器:$(“标签.类名”)
多条件选择器:$(“标签,标签,标签”)//用逗号隔开
<script src="../js/jquery.js" type="text/javascript" charset="utf-8"></script><script type="text/javascript">$(function() {$("#btn").click(function() {// id选择器$("#box").text("jQuery初体验");$("#box").css("backgroundColor", "pink");//标签选择器,所有p标签$("p").text("hhhhhhh");//类选择器,所有class="cls"$(".cls").css("backgroundColor", "blue");//标签+类选择器$("p.cl").css("backgroundColor", "green");//多条件选择器$("p,div,span").css("color","white");})})</script>
Uncaught SyntaxError: Unexpected token < 错误,一般是路径有问题(可以看js引用路径是否正确)。
JQuery学习日记(1)相关推荐
- jQuery学习入门总结之css()和addClass()的不同
jQuery学习入门之css()和addClass()的不同 这两天研究jQuery的,刚刚开始入门,从昨天开始呢,就发现一个方法addClass的,教程里有一个方法是这样写的 $(docum ...
- java的圆周率_java学习日记,圆周率的打印
前段时间看到听说学习java每天写技术贴会对自己提升很大,我现在学习java也就2个周,算不上技术贴,就写写学习日记吧. 昨天师傅给我出了一道题,说是试试用java打印圆周率. 刚开始我的思路是,如果 ...
- GPU(CUDA)学习日记(十一)------ 深入理解CUDA线程层次以及关于设置线程数的思考
GPU(CUDA)学习日记(十一)------ 深入理解CUDA线程层次以及关于设置线程数的思考 标签: cuda存储线程结构网格 2012-12-07 16:30 6298人阅读 评论(4)收藏 举 ...
- GPU(CUDA)学习日记(十三)------ CUDA内存简介
GPU(CUDA)学习日记(十三)------ CUDA内存简介 标签: cuda存储线程结构 2012-12-07 16:53 2902人阅读 评论(0)收藏 举报 分类: GPU(16) CUDA ...
- GPU(CUDA)学习日记(九)------ CUDA存储器模型
GPU(CUDA)学习日记(九)------ CUDA存储器模型 标签: cuda存储bindingcache编程api 2012-09-27 10:53 1677人阅读 评论(1) 收藏 举报 分类 ...
- 如何使用jquery_好程序员web前端学习路线分享jQuery学习技巧
好程序员web前端学习路线分享jQuery学习技巧,jQuery在web前端学习中是一个必不可少的内容,很多小伙伴都在学习这阶段的时候遇到问题,今天我们就来聊一下jQuery,让我们一起来看一看吧! ...
- jQuery 学习笔记之二 (jQuery代码风格)
jquery 学习之代码风格 对于同一个对象的较多操作,建议每行写一个操作,代码如下: $(this).removeClass() .addClass() .stop() .fadeTo(" ...
- jQuery学习笔记--目录
jQuery学习笔记--Helloworld jQuery学习笔记--DOM对象和jQuery对象 jQuery学习笔记--jQuery选择器 jQuery学习笔记--jQuery的DOM操作 jQu ...
- 语言余一个负数_C语言学习日记(8)——整数溢出
小时候喜欢玩电子计算器,觉得很神奇,想要算什么数,立刻就能算出来.当时看着计算器的液晶屏幕就想,如果算一个很大的数,超过了屏幕上面数字的位数,会怎么样呢?试了以后结果是INF,那就是无穷大了.虽然当时 ...
最新文章
- linux使用free命令查看内存占用
- python 列表元素操作 push()和append()的区别
- android studio 导入第三方库的记录
- 台湾印象之五:宝岛万象
- C#写的WebServices可运行于树莓派
- 《Beginning Linux Programming》读书笔记(四)
- 【kafka】Kafka 1.1.0 consumer group位移重设
- opengl 4.5离线文档下载
- 程序员怎样锻炼批判性思维
- iTunes驱动程序缺少用于导入和刻录CD与DVD的注册设置
- 树莓派 USB摄像头 实现网络监控
- java节假日算法_java节假日
- 小程序连表查询(lookup)
- WEB端工程环境安装
- Android studio断点调试源码
- sram是靠什么存储信息
- 攻防世界-MISC-练习区-06(坚持60s)
- 【Vue——basic】dom是什么
- Centos7下areaDetector IOC的编译后记
- mac的rubywoo怎么读_迪奥999和mac ruby woo哪个更好看_有什么区别
热门文章
- 使用ue4做一个可以显示任意数字变化的计数器方法
- [数字后端]LVT, RVT, HVT 的区别
- Python基本数据类型(数字)
- Android精通教程-Android入门简介
- wifi/BT芯片RTL8723DS驱动移植和测试之一wifi篇
- Incorrect string value: ‘\xE5\xB0\x8F\xE9\x9B\xA8...‘ for column ‘xxx‘ at row 1
- List集合遍历的5种方式
- 重磅邀请函来了!首届“腾讯云+社区开发者大会”免费报名!
- python主持人的调度2
- to B 产品是不是不好做啊