Question

我想让自己摆脱使用jQuery的一些缺点。下面是一个简单的示例，但是我想用它来看看如何将其转换为非jQuery的普通javascript：

dec := json.NewDecoder(jsonStream)
type Item struct{ Name string }

// Read the open bracket.
t, err := dec.Token()
if err != nil {
    panic(err)
}
fmt.Printf("OK: %T: %v\n", t, t)

// While the array contains values.
for dec.More() {
    // Decode an array value.
    var item Item
    err := dec.Decode(&item)
    if err != nil {
        panic(err)
    }
    fmt.Printf("OK: item=%#v\n", item)
}

// Read the closing bracket.
t, err = dec.Token()
if err != nil {
    panic(err)
}
fmt.Printf("OK: %T: %v\n", t, t)
// OK: json.Delim: [
// OK: item=main.Item{Name:"Value1"}
// OK: item=main.Item{Name:"Value2"}
// OK: item=main.Item{Name:"Value3"}
// OK: json.Delim: ]

我的问题有两个：

上面有什么方法可以改善代码吗？
在不加载jquery的情况下，如何用javascript编写以上代码？

Answer 1

要在CSS $('.paid-plan-details')中使用CSS选择器进行选择，将变成document.querySelector('.paid-plan-details')

要获取值$('select[name="plan_type"] option:selected').val()变为document.querySelector('select[name="plan_type"] option:selected').value

$('select').on('change', function() {})变为document.querySelector('select').onchange = function() {}

一些正确方向的指针。请查看文档以获取所有详细信息：felix

覆盖jQuery到普通的JavaScript功能

1 个答案: