3.jQuery两把利器之jQuery核心函数

1. 作为一般函数调用: $(param)

  1). 参数为函数时 :代表的是当DOM加载完成后,执行此回调函数

            就是$(function(){...}):类似于js里面的window.onload(但是不完全一样,后面总结)

  2). 参数为选择器字符串: 查找所有匹配的标签, 并将它们封装成jQuery对象 

 3). 参数为DOM对象: 将dom对象封装成jQuery对象

  4). 参数为html标签字符串 (用得少): 创建标签对象并封装成jQuery对象

2. 作为对象使用: $.xxx()

  1). $.each() : 隐式遍历数组

  2). $.trim() : 去除两端的空格



例子说明:

html 代码和图



需求1. 点击按钮: 显示按钮的文本, 显示一个新的输入框

$(function(){//绑定文档加载完成的监听

    //给btn绑定事件监听


    $("#btn").click(function(){

//显示按钮文本(两种表达)

         alert($("#btn").html())

          alert($(this).html())//this代表被封装的jquery对象的dom对象

//显示新的输入框

、、

需求2. 遍历输出数组中所有元素值

//创建数组

var arr=[1,2,3,4,5];

//遍历数组

$.each(arr,function(){

console.log(this);

})



需求3. 去掉"  hello World  "两端的空格

var str="  hello World  "

        console.log("-----"+$.trim(str)+"-----")

©著作权归作者所有,转载或内容合作请联系作者
【社区内容提示】社区部分内容疑似由AI辅助生成,浏览时请结合常识与多方信息审慎甄别。
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

相关阅读更多精彩内容

  • 1.JQuery 基础 改变web开发人员创造搞交互性界面的方式。设计者无需花费时间纠缠JS复杂的高级特性。 1....
    LaBaby_阅读 1,545评论 0赞 2
  • 1.JQuery 基础 改变web开发人员创造搞交互性界面的方式。设计者无需花费时间纠缠JS复杂的高级特性。 1....
    LaBaby_阅读 1,310评论 0赞 1
  • 第一章 入门 基本功能:访问和操作 dom 元素,控制页面样式,对页面的事件处理,与ajax完美结合,有丰富的插件...
    X_Arts阅读 1,199评论 0赞 2
  • 简介 这是一种把目标定位和检测合起来做的算法,据作者测试可以达到45fps(复杂模型)和155fps(精简模型)。...
    陈继科阅读 1,298评论 4赞 1
  • 浅龙入湾难卷浪,金凤入笼难羽翔 高墙笼栏近咫尺,枕戈待旦求安详 草木皆兵千日养,日夜一线不脱岗 安已自保人心恐,得...
    蓝色汪星人阅读 178评论 0赞 0

友情链接更多精彩内容