js页面取值的三种方式

<input id=""
<radio
<checkbox
<div
<img
对于这些标签内参数取值,一般分为三种类型:
一、有关id取值用 #:
取id处的value值:id=$('#id名字').val();
取id本身的值:id_value=$('#id名字').attr('id', );
对于id中含有变量index的,比如id=mm${st.index}(中括号里面为变量):
先定义可变量index,然后用$('#id名字'+index).val()取值;
二、有关class的值用 .:
calss_value=$('.class名字').val();
三、有关 “标签+id/class”形式的取值:
取值格式: :input[参数值]
eg:
$(":input[type='checkbox'][id^='check_']").val();//选取input中type=checkbox,id包含有check_的value值;
=表示type=checkbox;^表示模糊查询,id中含有check_的所有id;

好的,下面是一个完整的示例,展示如何在多页面中使用Pinia来管理状态。 首先,安装Pinia和Vue.js: ```bash npm install pinia vue ``` 然后,在你的Vue.js应用程序中,创建一个名为`pinia.js`的文件,用于创建全局的Pinia实例: ```js import { createPinia } from 'pinia' const pinia = createPinia() export default pinia ``` 在你的Vue.js应用程序中,注册该插件: ```js import { createApp } from 'vue' import App from './App.vue' import pinia from './pinia' const app = createApp(App) app.use(pinia) app.mount('#app') ``` 现在,你可以在不同的页面中使用不同的Pinia实例来管理状态了。例如,在页面A中,你可以创建一个名为`aStore`的Pinia实例: ```js import { createPinia } from 'pinia' const aStore = createPinia() export default aStore ``` 然后,在页面A的组件中,你可以导入`aStore`实例,并使用它来访问该页面的状态: ```vue <template> <div>{{ state }}</div> </template> <script> import { defineComponent } from 'vue' import aStore from './aStore' export default defineComponent({ setup() { const state = aStore.useStore().state return { state, } }, }) </script> ``` 类似地,在页面B中,你可以创建一个名为`bStore`的Pinia实例,并在组件中使用它来访问该页面的状态: ```js import { createPinia } from 'pinia' const bStore = createPinia() export default bStore ``` ```vue <template> <div>{{ state }}</div> </template> <script> import { defineComponent } from 'vue' import bStore from './bStore' export default defineComponent({ setup() { const state = bStore.useStore().state return { state, } }, }) </script> ``` 这样,你就可以在不同的页面上使用不同的Pinia实例来管理状态了。每个页面都可以使用自己的Pinia实例来管理自己的状态,从而避免不同页面之间状态的混淆。
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值