jQuery笔记(上) - 技术分享 - 志盟培训
首页技术分享 jQuery笔记(上)

jQuery笔记(上)

更新时间:2017-06-12      作者:陈老师       阅读:1275

一、jQurey是什么?

   JavaScript 函数库。

   目的是简化编程。

   jQuery 事件处理方法是 jQuery 中的核心函数


二、jQury有什么作用?

HTML 元素选取

HTML 元素操作

CSS 操作

HTML 事件函数

JavaScript 特效和动画

HTML DOM 遍历和修改

AJAX


三、.jQurey怎么用?

 1.导入方式

   <head>

   <script type="text/javascript" src="jquery.js"></script>

   </head>


 2.语法:

    $(selector).action()  jQuery(selector).action()

    美元符号$定义 jQuery

    选择符(selector)“查询”和“查找” HTML 元素

    action() 执行对元素的操作

    选择器:CSS选择器

    jQuery 名称冲突:Query 使用名为 noConflict() 的方法来解决该问题,var         jq=jQuery.noConflict(),使用自定义名称代替$。


 3.HTML元素的增删改查

     (1)查获取元素内容

          text() 返回所选元素的文本内容

          html() 返回所选元素的内容(包括 HTML 标记)

          val()  返回表单字段的值

     (2)改设置元素内容

          text("text") 设置所选元素的文本内容

          html("htmltext") 设置所选元素的内容(包括 HTML 标记)

          val("value")  设置表单字段的值

     (3)增增加内容,增加新元素

          append() - 在被选元素的结尾插入内容

          prepend() - 在被选元素的开头插入内容

          after() - 在被选元素之后插入内容

          before() - 在被选元素之前插入内容

     (4)删删除元素

          删除:remove()  删除被选元素(及其子元素)

          清空:empty()   从被选元素中删除子元素


  4.类(className),属性(任意元素属性)操作

          addClass() 向被选元素添加一个或多个类

          removeClass()    从被选元素删除一个或多个类

          toggleClass()    对被选元素进行添加/删除类的切换操作

          attr() 设置或返回匹配元素的属性和值。

          removeAttr() 从所有匹配的元素中移除指定的属性。


  5. css操作(样式属性)

          css(name)   获取指定样式属性的样式值

          css(name, value) 设置指定样式属性的样式值

          height() 设置或返回匹配元素的高度。

          width() 设置或返回匹配元素的宽度。

          offset() 返回第一个匹配元素相对于文档的位置。

          offsetParent()返回最近的定位祖先元素。

          position() 返回第一个匹配元素相对于父元素的位置。

在线报名

志盟科技上海招聘

在线报名 联系我们

志盟科技深圳招聘

在线报名 联系我们

志盟科技北京招聘

在线报名 联系我们
联系我们

咨询热线:

咨询 QQ:517578         

就业学员

  • 就业学员

    姓名:郭凡凡 
    院校:阜阳师范学院
    就职:佳戴
    职位:软件工程师
    月薪:10000

  • 就业学员

    姓名:陈祥龙 
    院校:中北大学
    就职:美囤妈妈
    职位:软件工程师
    月薪:9000

  • 就业学员

    姓名:陈建伟
    院校:南昌航空大学
    就职:SONY
    职位:嵌入式工程师
    月薪:8000

×
×
  • *真实姓名
  • *联系手机
  • *上课地址
  •    QQ号码

温馨提示:请保持手机畅通,咨询老师将为您提供专属的一对一报名服务。

×
  • *真实姓名
  • *联系手机
  • *联系邮箱
  • * QQ号码

温馨提示:请保持手机畅通,咨询老师将为您提供专属的一对一的服务。

本站由 宽敬科技——创新企业的建站运营顾问 提供支持