jQuery
jQuery基础学习案例及笔记
空谷丶幽兰
不经一番寒彻骨,哪得梅花扑鼻香
展开
-
封装一个自己的jQuery实现jQuery的一些实例方法和静态方法
实现内容: 1.jQuery是一个对象,而且是一个函数对象 2.jQuery代码组织结构 3.jQuery基本架构及其核心思想 4.jQuery三种特征的实现,链式编程,隐式迭代 5.jQuery提供的api都是函数 沙箱模式(函数自调用): (function(){ // 沙箱模式 :利用函数作用域的特性,防止变量污染 var number=10; function fun(){ console.lo原创 2020-12-01 13:00:25 · 672 阅读 · 0 评论 -
jQuery对元素的操作,对页面节点的操作
1.元素属性操作: 1.获取指定属性名的元素属性: $(selector).attr(name) 2.设置元素的属性值,key为属性名称,value为属性值 $(selector).attr(key,value) 3.设置多个属性值 $(selector).attr({keyN:valueN}) 4.删除指定属性名的元素属性 $(selector).removeAttr(name) 2.元素内容操作: 1.获取元素的HTML/文本内容 $(selector).html(value原创 2020-10-14 23:45:26 · 164 阅读 · 0 评论 -
用jQuery做选择卡案例
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>选择卡</title> <style> *{ margin:0px; padding: 0px; } .tab{ margin-top: 100px; width: 1024px; height: 768px; margin-lef.原创 2020-10-06 20:09:44 · 223 阅读 · 0 评论 -
jQuery对象与DOM对象的转换,onload和ready的区别
jQuery: 1.使用jQuery能让我们对html文档遍历和操作,事件处理,动画, 以及ajax变得更加简单 2.jQuery是一款优秀的JavaScript库,从命名可以看出jQuery最主要的用途 是用来做查询(jQuery=js+Query) 3.jQuery程序中不管是页面元素的选择,内置的功能函数 都是美元符号"$"来起始的, 而这个"$"就是jQuery当中最重要且独有的对原创 2020-09-28 21:07:44 · 107 阅读 · 0 评论 -
jQuery实现表格的增删效果
代码(第一种): <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>Document</title> <style> .first{原创 2020-09-22 23:36:27 · 207 阅读 · 0 评论 -
jQuery实现简单手风琴案例效果
代码: <!DOCTYPE html> <html> <head lang="en"> <meta charset="UTF-8"> <title></title> <style type="text/css"> * {padding: 0;margin: 0;} ul { list-style-type: none;} .parentWrap {原创 2020-09-21 20:18:12 · 243 阅读 · 0 评论 -
初学jQuery学习笔记
1.jQuery是对原生js的一个封装库,它跟原生js是不抵触的 2.jQuery的入口函数 $(document).ready(function(){ console.log(‘入口函数完整写法’); }) 3.jQuery的简写入口函数 $(function(){ console.log(‘入口函数简写’); }) 4.window.onload与$(function).ready的区别 ①window.load只能声明一个,如果反复声明, 则会覆盖之前,jQuery入口函数可以声明多个, 并且原创 2020-09-21 19:44:45 · 90 阅读 · 0 评论