jQuery教程-21-第一组函数原创

函数这块呢，是这一块中提供的一些功能，当然函数呢有成百上千个，非常非常广泛，我们给大家讲的是一些常用的。分成两组，第一组呢，第一个是Val，这个V呢，是操作倒对象的这个V流的啊，V流的也是说你想获取读到微流值，或者改变这个微流值，你都可以使用VR这个函数来实现它。它有两种方式，第一种是选择器点V无参的方式，无参方式呢，它是获取你的倒母数组中的第一个V流的值，也就说这块是数组嘛。V是获取第一个倒调微流值的，这是无参形式。第二种方式呢，是VR有参形式，有参形式呢是给注数组中所有到对象的微流统一赋值，你注意这说的是什么呀。

所有。如果你的数组中有十个到对象，这十个的V6统一进行赋值，就是V啊，它的两种形式。好，我们先到这儿先休息一会儿，下节课呢，我们再讲其他的一些函数，通过例子呢，给大家把这三个函数v l text，哎，其他呢，都通过例子给大家演示一遍，先休息。好，我们开始上课啊，继续呢，我们来讲一下函数，第一个函数呢，第一个是VL。它有两种方式，第一种方式，无参的方式是获取第一个倒对象的微流值。然后第二种方式有参方式呢，它是说设置所有倒对象的微流值为统一值啊，就是统一赋值给所有的倒对象Y6统一进负值的，这是V函。

第二个呢是text，它也是一个函数啊，这个text呢，操作的是标签中的文本啊，文本也就是说。你使用的这个是文本，就这部分。抄是他的是文本内容啊抄的文本。它呢也有两种形式，第一种方式T的无参方式，无参方式呢，它是获取数中。所有写着是所有盗墓对象的文字。把这个文字呢连成一个字串并返回。注意啊，我说的是所有。到我们对象文字显示内容连在一块，形成一个字符串。这是无参方式，有参方式呢，它是说给数组中所有的倒对象统一设置文字，就是T有值的方式，那么这个值呢，就是你要设置的那个文本内容。

这是tax。第三个at tr。At tr的作用呢，是用来给将value text的以外的属性来进行操作赋值的时候用at tr。两种方式，第一种A加属性名是用来获取。倒数组中第一个对象的这个属性的值的是获，获取。第二种方式呢，俩参数，第一个是属性名，第二个属性值是给道姆数组中所有的道母对象，这个属性设置为新值。通过例子呢？大家演示呢，我们这三个函数该如何使用？看一下我们的例子啊，准备工作有一个div。背景是一个蓝色的。我们有三个梦话，刘备、关羽、张飞。然后有三个div。

有一个图片，这个图片呢，这有个重复的，这个不需要一个就够用了，就IMAGE1就行了。后面呢有工单按钮，功能按钮呢，一共写了六个啊，比较多。好，我们开始先准备页面，三个文本块，三个div，一个图片。图片的内容呢，我们去拷贝一个，我去找一下呢，我的讲义啊。Work。在上课这。我看看我们有没有资源啊。这有个图片，以妹纸。把这个文件夹呢，CTRLC一下，把它复制到你的h build，你就复制到。这query project根木之下就行了，粘上它。和你JS文件夹同级就可以了，就能使用了。函数使用我们拷贝一个文件，CTRLCCTRLV。重新改一下名字，我叫做fun。一第一组函数的使用。

函数里边呢，我们先把这些内容呢，都删掉吧，都不要了。啊，都不要了。这定义一个div，它的背景色设成一个蓝色的啊。下面这块组件呢，我们把没用的呢，删一删就保留一个按钮。文本框呢，我们有三个。啊，分别是刘备。把代码呢复制一下。而刘备、关羽。还有张飞。啊，张飞，那现在呢，说这个刘备关羽张飞啊，也不知道说的是三国演义啊，还是说的是这个王者荣耀了啊，反正刘备关羽张飞哪都有，那我们这个意思呢，是说的是这个三国演义啊，刘备关羽张飞三个文本框，然后我们再来呢，Div啊div。

啊，说我是第一个div啊。把这div的代码，然后复制两份吧。下面是我是第二个。第二第二个啊，然后是第三个，一共有三个div啊，三个div。最后呢，后面是图片就一个。图片有一个就够用了啊，就一个图片。换一下行，图片是一个image。图片是有路径的啊，怎么设置呢？Src是指定图片路径的。那我们用第一个就完事了。它就是相对路径，是说我们的这个文件相对于image下面的某一个图片。

你下面的E加勾PG。这是图片，给它起个IDID呢，我叫做以may之一就行了。啊，这图片。在右侧的窗口中，我们能看到了三个div是蓝色的，然后这个是我们的小图片。换一下行，现在我们要去尝试函数的使用。第一个函数，我们用的是。我们看第一个按钮啊，是说获取第一个文本框的值。获这个文化的值V6，我们要演示的是V函数的使用啊，获取第一个文化的值，那么按钮呢，你可以使用八项的方式，你也可以使用input button，效果是一样的啊。

那我现在页面中呢，我保留是一个input button，那我就用这个了。要做的是获取第一个文本框的值，值就是V流的内容。On click不需要我们给他指定一个 idbt1绑定事件。回到上面这一块，首先我们要做的是在倒对象创建好后绑定事件，所以我们选择的是到了八个辰这个执行时间点。绑定时间。减号BTN1绑定的是可八指定处理函数。在函数中，我们要获取文本框中的第一个微流值。那我们要用的是Dollar。文本块。它带有input。

而且有type属性，那么可以使用表单选择器maha text，那此时应该获取的是这三个模块啊。然后执行点V。我们把这个内容呢赋给一个变量吧，X，然后我们alot看一下这个文本值。刷新一下啊，然后点加鸟，我们看到是刘备吧。那此时呢，我们这个VL。它的作用是获取我们倒母数组中第一个。对象的V流属性值，第一个第一个是流倍嘛，所以获取是流倍的V流的值啊。改改。点一下啊哈，没问题啊，你注意它的规则是只获取前面这个数组中第一个对象的流值，其他的不管啊，这是它的语法规则，就是这样定义的。

Mark test是表单选择器，表单选择器啊，看一下这呢。Mark test所有的单号模块。它在乘以中应该是多个吧，三个只选择第一个的微流值啊，这第一个按钮。第二个按钮呢，我们要做的功能是呢，看一下第二个按钮啊。第二钮呢，是说设置所有框为心值，给问框负微流值。换一下行，把按钮的定义呢，我们拷贝一个。拷贝一个二看一看没什么问题。

第天二。我们这样做，设文本放的微流值，设置所有成本框的微流值。换行符，我们再来一个。哦。现在呢？给BT2绑定世界。把上面代码呢复制一份，指定ID是B2。现在我们要设置所有的。T的V为星值。好新知may啊，OBJ，嗯，直接设吧，到了maha t的，这应该是获取所有的文本块点为带参，那么这个参数是新值，比方说。

三国演义。三国演义好，这就可以了，刷新点击按钮，注意看刘备、关羽、张飞这三国本况值的变化。点击都变成三国演义了。那它是把这个数组中三个倒对象的V轴值统一。修改为三国演义。好，这是微流的两种方式，无参的，有参的。在家看。获取div的所有文本值，Div的所有文本值第三个按钮啊。拷贝一下。

1300。他要做的事情是获取所有div的文本值，我们看是我的第一个，第二个第三个这块啊，我们给它加点标识吧。就是一。然后这是二。这是三。给按钮绑定世界。Dollar，然后井号BTN3ACTION，首先呢，我们要做的是呢，获取呢？Div怎么获取呢？选择器呗。Div Dollar div，这个叫做标签选择器吧，按照标签名称来定位我们的盗墓对象。所有div调用它的ha。

直接alert输出一下这个text干什么呢？你要注意这个text的无参数。它是获取所有的倒对象的这个文本值，连接成一个字符串，这个规则啊，看下效果。点一下我看啊。一我是第一个div，我们把这个代码往后挪一挪啊。你。对应着看。三个div，你看D第一个div的本质。然后连成第二个div的文本值，再连上第三个div文本值，你看这三个是不是连在一块了。他泰格斯特。无参方式的操作是把你符合条件的所有的这个文本值连在一起，形成一个子串。

好，这是获取再来。再来一个的话，B填四。那么要设置div的文本值。设置div的文本值。上面这把按钮呢，拷贝一份修改一下。这是四。是我要做的事呢。设置的文本值。使用方式。到了。Div调用text给值啊，那内容呢？我说我们是新的div文本内容。刷新啊，看一下效果，蓝色的这个好像不是很清楚哈。

那我们干脆设成一个什么呢。设成一个黄色的球怎么样？放心。黄色的啊。好，这样看的好像更清楚一点啊，点压钮设置加压的闷值我们看。这三个div齐刷刷的。文本内容都变了吧？这是T的代餐的方式，它是说给所有的div设置为新值，新的文本内容。这是text。好，我们再来看一下呢。At t的它的使用。我们来增加按钮。这个按钮呢，我们要做的是。读取。

Src属性的值。按钮是五了，KSC看啊。这个标签。标签的属性吗？我要读这个值，读它的值，也就是显示以image值E点勾PG显示它，这是读取我们这个值啊。读取再来一个。这是BT5。我们要做的是读取指定属性的值。首先我们指定image。你妹这是这个标签吧。用标价选择器定位到image。然后at DR。

参数是属性名，哪个属性呢？我要读的src，那就这个呗，Src拿过来src。直接呢，打印到屏幕上。然后刷新。点压鸟测试效果，它读到的是图片的src路径信息。对比着看啊，你看这是SIC吧，值是这个跟读到的是完全一致吗？它是获取指定的属性的值，指定属性的值，SIC属性名或者它的值。这是五这个按钮干的事情，再来一个，我们来设置指定属性值。好，我们这一块第六个。他是说我们要设置指定的属性值啊，设置值。

BTN6。